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

html-css016

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( )}