-2

画像を使用せずにホバー効果を与えるために、画像の下に影を付けるにはどうすればよいですか?

4

3 に答える 3

2

CSS ボックスの影を使用します。

#example1 {
box-shadow: 10px 10px 5px #888;
}
于 2013-01-29T17:21:45.853 に答える
2

box-shadow次のように CSS3 を使用してこれを実現できます。

img {
    box-shadow: 10px 10px 10px #000;
}

JS フィドルの例

CSS3.info チュートリアル


を使用して画像に「ホバー効果」を与えるには、セレクターをbox-shadow使用します。:hover

img:hover {
    box-shadow: 10px 10px 10px #000;
}

JS フィドルの例

于 2013-01-29T17:23:05.553 に答える
1

あなたはそのようなことをすることができます:

div {
  box-shadow: 10px 10px 5px #888888;
}
于 2013-01-29T17:22:26.497 に答える