网站图片添加抖动效果 CSS代码

网站源码6个月前发布 资源网
580 0 0

网站模板的主要css文件,放到css的最后面即可

/*图片抖动效果*/
img:hover {
-webkit-animation:sucaijiayuan 1s .1s ease both;
-moz-animation:tada 1s .1s ease both;
}
@-webkit-keyframes sucaijiayuan {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.8) rotate(-2deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(2deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-2deg)
}
100% {
-webkit-transform:scale(1) rotate(0)
}

© 版权声明

相关文章

暂无评论

暂无评论...

网址设置

网址样式切换

详细

网址卡片按钮

显示

布局设置

左侧边栏菜单

展开

搜索框设置

自定义搜索框背景

  • 静图

    海边余晖

  • 静图

    落日晚霞

  • 静图

    暖阳之城

  • 静图

    欣欣向荣

  • 静图

    袅袅余音

  • 静图

    晃荡秋千

  • 静图

    动漫小家

  • 静图

    温馨小屋

  • 动图

    玩雪狐狸

  • 视频

    猫耳儿娘

自定义搜索框高度

  • 聚焦
  • 信息
  • 默认
个性化设置
TAB栏自定义颜色

背景颜色

文字颜色