0

私は効果がとても好きなので、このチュートリアルに従おうとしています。

ホバー時の CSS テキストのグローとトランジション効果

しかし、問題は、背景色を白に設定したことです。

<style>
.text-glow-hover-with-delay{
background: #FFFFFF;
color: #fff;
transition: text-shadow 3s;
-moz-transition: text-shadow 3s; /* Firefox 4 */
-webkit-transition: text-shadow 3s; /* Safari and Chrome */
-o-transition: text-shadow 3s; /* Opera */
}

.text-glow-hover-with-delay:hover{
text-shadow: 0 0 10px #fff;
}
</style>

<div class="text-glow-hover-with-delay">
Put your mouse over me and I will glow slowly.
</div>

そして今はもう光っていません。私はここでCSSの初心者です。:(

4

3 に答える 3

1

影が白く見えない可能性があります。しかし、問題なくスムーズに動作しています。時間を短くしてください。3 秒では長すぎます。

ここに動作するデモがあります

または、白い影だけが必要な場合は、こちらを参照してください

于 2012-09-03T14:49:56.383 に答える