css代码完成鼠标悬停时,图片边框和大小的变化

html-css010

css代码完成鼠标悬停时,图片边框和大小的变化,第1张

变色:使css的动画animate可以实现。

放大:使用css的过渡效果translate就可以了实现

如果你要同时实现,那就都用animate,样式代码写在一起

css中悬停改变样式的最好方法是用伪类选择器div:hover{}。css代码示例如下:\x0d\x0a\x0d\x0adiv{width:100pxheight:200pxbackground:#000}\x0d\x0adiv:hover{background:#fff}\x0d\x0a\x0d\x0a这是一个修改背景颜色的示例,伪类里可以修改跟多的样式,宽度,高度或者字体大小,字体颜色都是可以修改的。

#m_blog a img{filter:gray(enabled=0)}

#m_blog a:hover img{filter:gray(enabled=1)}

a:hover {text-decoration:underlineposition:relativeleft:1pxtop:1pxclip:rect( )}