简单的动态效果

文章来自:源码在线https://www.shengli.me/css/211.html

1.png

实现上面这种效果:

首先背景六边形

我们可以用css3的transform属性来旋转两个div就可以得到六边形

还有就是鼠标放到图片上图片显示旋转放大效果

用hover

用法如下:

当然了,如果仅仅这样就结束了,你是看不出效果的,因为画面切换太快了,所以再此要用到css3 过渡属性transition,让css效果转换,持续1秒


 

 

猜你喜欢

转载自blog.csdn.net/hugejihu9/article/details/83993691