css3动画:结合hover实现图片变换

                   Css3和hover结合产生的动画效果 
开发工具与关键技术:DW    css3、hover
作者:小明同学
撰写时间:2019/1/18
首先写一个关键帧在不同的时期引入不同的背景图片再加上css3的位移属性,设置背景图片的尺寸(也可以加上其它的属性,根据自己的需求)

在这里插入图片描述

然后调用动画结合hover就可以达到图片变换的效果
详细代码见下图:
在这里插入图片描述
Animation 调用动画
在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44549952/article/details/86536813
今日推荐