<style type="text/css">
@keyframes pop{0%{opacity:0;transform:scale(0.2);-ms-transform:scale(0.2);}60%{opacity:0.75;transform:scale(1.1);-ms-transform:scale(1.1);}100%{opacity:1;transform:scale(1);-ms-transform:scale(1);}}@-moz-keyframes pop{0%{opacity:0;-moz-transform:scale(0.2);}60%{opacity:0.75;-moz-transform:scale(1.1);}100%{opacity:1;-moz-transform:scale(1);}}@-webkit-keyframes pop{0%{opacity:0;-webkit-transform:scale(0.2);}60%{opacity:0.75;-webkit-transform:scale(1.1);}100%{opacity:1;-webkit-transform:scale(1);}}@-o-keyframes pop{0%{opacity:0;-o-transform:scale(0.2);}60%{opacity:0.75;-o-transform:scale(1.1);}100%{opacity:1;-o-transform:scale(1);}}@keyframes fastr{0%{opacity:0;transform:translate(0,60px);}100%{opacity:1;transform:translate(0,0);}}@-webkit-keyframes fastr{0%{opacity:0;-webkit-transform:translate(0,60px);}100%{opacity:1;-webkit-transform:translate(0,0);}}@-moz-keyframes fastr{0%{opacity:0;-moz-transform:translate(0,60px);}100%{opacity:1;-moz-transform:translate(0,0);}}@-o-keyframes fastr{0%{opacity:0;-o-transform:translate(0,60px);}100%{opacity:1;-o-transform:translate(0,0);}}@keyframes afastr{0%{opacity:0;transform:translate(0,-60px);}67%{opacity:1;transform:translate(0,0);}86%{opacity:1;transform:translate(0,-2px);}100%{opacity:1;transform:translate(0,0);}}@-webkit-keyframes afastr{0%{opacity:0;-webkit-transform:translate(0,-60px);}67%{opacity:1;-webkit-transform:translate(0,0);}86%{opacity:1;-webkit-transform:translate(0,-2px);}100%{opacity:1;-webkit-transform:translate(0,0);}}@-moz-keyframes afastr{0%{opacity:0;-moz-transform:translate(0,-60px);}67%{opacity:1;-moz-transform:translate(0,0);}86%{opacity:1;-moz-transform:translate(0,-2px);}100%{opacity:1;-moz-transform:translate(0,0);}}@-o-keyframes afastr{0%{opacity:0;-o-transform:translate(0,-60px);}67%{opacity:1;-o-transform:translate(0,0);}86%{opacity:1;-o-transform:translate(0,-2px);}100%{opacity:1;-o-transform:translate(0,0);}}.fwinmask{animation-duration:0.4s;-webkit-animation-duration:0.4s;animation-name:pop;-webkit-animation-name:pop;}.p_pop{animation-duration:0.2s;-webkit-animation-duration:0.2s;animation-name:afastr;-webkit-animation-name:afastr;}.fastpreview{animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-name:afastr;-webkit-animation-name:afastr;}.pct{animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-name:fastr;-webkit-animation-name:fastr;}#hd h2{animation-duration:0.4s;-webkit-animation-duration:0.4s;animation-name:afastr;-webkit-animation-name:afastr;}#um,#toptb,.pns{animation-duration:1s;-webkit-animation-duration:1s;animation-name:afastr;-webkit-animation-name:afastr;}#hd h2{transition:all .15s ease-out;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;}#hd h2:hover{transform:scale(1.07) rotate(-1deg);-webkit-transform:scale(1.07) rotate(-1deg);-moz-transform:scale(1.07) rotate(-1deg);-o-transform:scale(1.07) rotate(-1deg);}.avt{transition:all .15s ease-out;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;}.avt:hover{transform:scale(1.07);-webkit-transform:scale(1.07);-moz-transform:scale(1.07);-o-transform:scale(1.07);}#scbar_txt{transition:all 0.25s ease;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;}#scbar_txt:hover{width:450px;text-shadow:#585858 0px 0px 3px;}#scbar_txt:focus{width:450px;}#ls_username,#ls_password{transition:all 0.25s ease;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;}#ls_username:focus,#ls_password:focus{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}a{transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;}a:hover,a:visited:hover{text-shadow:#585858 0px 0px 3px; margin-left: 8px;}img:hover {transition: All 0.7s ease;-webkit-transform: scale(2.0);-moz-transform: scale(2.0);-ms-transform: scale(2.0);-o-transform: scale(2.0);}
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)
}
</style>
一组很好玩的,让全站图片抖动的代码!
小超辅助网
前端代码
标签:
暂无标签
免责声明:
本站所有资源来自网络,版权争议与本站无关。下载或使用娱乐性工具,务必开启影子系统,如果下载的程序出现收费现象,请立即终止使用并反馈到本站官方邮箱。本站发布的所有内容仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请下载者自负,我们不保证内容的长久可用性,通过使用本站工具或内容,随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。本站提倡支持正版工具。用户下载使用本站任何工具/软件即视为同意免责声明内容。侵删请致信E-mail:admin@5ixczy.com
同类推荐
- emlog侧导航 显示系统信息位置代码!
- 网站左下角小企鹅图片网页跳转代码
- css鼠标悬停特效图标展开简介效果动画
- emlog输出页面加载耗时和查询数据库次数
- 如何给自己的网站加上“点赞支持按钮”
- 畅言评论CSS美化代码分享:简洁、去评论广告
- 仿soul红娘交友盲盒,免公众号
- 如何在网站左下角加上“圈圈加载”特效,各种颜色
- 网站“富强,民主,和谐”点击特效
评论列表
随机推荐
最新评论
-
45365647
普通会员7天前手机号 13071121527, 18400972475 18610093550 -
Q
普通会员18天前QSS是 -
2213526261
普通会员3月前求这个大佬们 -
2848713538
普通会员4月前求这个 -
2848713538
普通会员4月前来 -
3879139596
普通会员4月前OK的 -
647452272
普通会员4月前647452272求帮查 -
2453627519
普通会员4月前这个 -
1
普通会员4月前来 -
3553949133
普通会员4月前来