摘要: 网页上有图片的时候,我们需要实现鼠标移上去,图片发亮的效果,如如上,左上角的图片是鼠标移上去的效果,发亮。怎么用css动画实现呢?具体实现步骤如下:1.定义关键帧/* 定义关键帧 */@-webkit-keyframes shade{ from{opacity:1;} 15%{opaci... 阅读全文
posted @ 2014-12-25 10:35 jiaojiao085 阅读(521) 评论(0) 推荐(0) 编辑
摘要: 今天又收获了一个很好的小图标左右滚动的动画。即鼠标移动上去小图标左右滚动,如下。实现步骤如下:1.先自定义一个帧动画,如下@-moz-keyframes swing { 20%, 40%, 60%, 80%, 100% { transform-origin: center top 0; ... 阅读全文
posted @ 2014-12-25 10:31 jiaojiao085 阅读(179) 评论(0) 推荐(0) 编辑