4

ここでこの素敵な滑らかな効果を見つけました - http://www.red-team-design.com/wp-content/uploads/2011/04/css3-box-shadow.html。

これはこれのコピーです - http://jsfiddle.net/cyvvilek/cL7x6/3/

ホバー時にこの効果を得る方法があるかどうか疑問に思っていました。いくつかの CSS アニメーションを組み合わせると、素晴らしい効果が得られると思います。CSS では :after と :before が頻繁に使用されるため、#box:after:hover などにすることはできません :) SASS または LESS で入れ子にする可能性について聞いたことがあります..これは CSS で実行できますか1人？

どうも

4

1 に答える 1

3

残念ながら、:after や :before などの疑似要素はまだ移行できません。SASS と LESS は CSS にコンパイルされるため、SASS または LESS で技術的に可能なことはすべてプレーンな CSS で可能です。

あなたができることは、上部の影を持つ別の要素（おそらくdiv）を持ち、ホバーでフェードインおよびフェードアウトすることです。または、画像を使用することもできます。

于 2012-06-12T22:08:11.290 に答える