这样就实现鼠标悬停图片放大效果了。但是这样的放大效果有点单调,我们可以给图片设置滤镜属性filter,来让图片放大效果更炫酷! 我们可以先让图片变灰(filter: grayscale(100%))或者变深褐色(filter: sepia(100%)),然后鼠标悬停时,在图片放大的同时出现颜色变幻(去掉滤镜效果即可),这样就会让特效更炫酷。 <!-- 灰度...
1 新建一个html文件,命名为test.html,用于讲解css如何实现鼠标悬停图片时放大一倍。2 在test.html文件内,使用img标签创建两张图片,用于测试。3 在test.html文件内,设置第二个img标签的class属性值为myseven1。4 在css标签内,通过class和选择器“:hover”设置img标签的样式,定义它的外边距为100px。5 在css...