前端学习笔记(2)——鼠标悬浮实现指定区块旋转指定角度

今天偶然发现了css的过渡样式,wscshool的案例中实现了div的增大和旋转。

刚好今天项目中有一个按钮周围有很多开口的圈,我想通过这个样式实现鼠标悬浮在链接上,实现圈的旋转


    



以上代码实现了旋转的功能,但是有一个缺陷是鼠标悬浮---实现旋转,鼠标离开——又旋转,挺影响美观的

于是我想通过js实现鼠标悬浮——旋转,鼠标离开——不旋转,去网上查了些资料,发现jquery.transit插件有这个功能。以下是我通过mouseover事件实现的功能







但是这个也有一个缺陷,就是如果不重新加载页面,js不能重现。



你可能感兴趣的:(html,css)