文章来自:源码在线https://www.shengli.me/css/211.html
实现上面这种效果:
首先背景六边形
我们可以用css3的transform属性来旋转两个div就可以得到六边形
还有就是鼠标放到图片上图片显示旋转放大效果
用hover
用法如下:
当然了,如果仅仅这样就结束了,你是看不出效果的,因为画面切换太快了,所以再此要用到css3 过渡属性transition,让css效果转换,持续1秒
文章来自:源码在线https://www.shengli.me/css/211.html
实现上面这种效果:
首先背景六边形
我们可以用css3的transform属性来旋转两个div就可以得到六边形
还有就是鼠标放到图片上图片显示旋转放大效果
用hover
用法如下:
当然了,如果仅仅这样就结束了,你是看不出效果的,因为画面切换太快了,所以再此要用到css3 过渡属性transition,让css效果转换,持续1秒