css如何实现HTML的div块在鼠标悬浮时出现底部阴影?
css如何实现HTML的div块在鼠标悬浮时出现底部阴影? |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
.boxShadow{-webkit-box-shadow:#9990px0px8px;-moz-box-shadow:#9990px0px8px;box-shadow:#9990px0px8px;}$("div").mouseover{$(this).addClass(".boxShadow");}.mouseout{$(this).removeClass(".boxShadow);}当鼠标划上去的时候,给这个例子加上一个底部阴影的样式,移开时同时把此样式移开 |
|
|
|
|
border:1pxsolid#696;padding:60px0;text-align:center;width:200px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:#6660px0px10px;-moz-box-shadow:#6660px0px10px;box-shadow:#6660px0px10px;background:#EEFF99;behavior:url(/PIE.htc);你试一下咯 |
|
|
|
|