0
点赞
收藏
分享

微信扫一扫

虎年将至,祝各位朋友虎年大吉,财源滚滚,html代码画萌虎

infgrad 2022-01-31 阅读 59
htmlcss3css

html代码:

虎虎生威

@-webkit-keyframes go {
0%{-webkit-transform:translatex(0px) translatey(0px);transform:translatex(0px) translatey(0px) }
100% {-webkit-transform:translatex(3px) translatey(3px);transform:translatex(3px) translatey(3px) }}

@keyframes go {
0%{-webkit-transform:translatex(0px) translatey(0px);transform:translatex(0px) translatey(0px) }
100% {-webkit-transform:translatex(3px) translatey(3px);transform:translatex(3px) translatey(3px) }}
@-webkit-keyframes go3 {
0%{-webkit-transform:translatex(0px) translatey(0px) scale(1);transform:translatex(0px) translatey(0px) scale(1)}
100% {-webkit-transform:translatex(-3px) translatey(-12px) scale(.9);transform:translatex(-3px) translatey(-12px) scale(.9)}}
@keyframes go3 {
0%{-webkit-transform:translatex(0px) translatey(0px) scale(1);transform:translatex(0px) translatey(0px) scale(1)}
100% {-webkit-transform:translatex(-3px) translatey(-12px) scale(.9);transform:translatex(-3px) translatey(-12px) scale(.9)}}
@-webkit-keyframes go7{
0%{-webkit-transform:translatey(0px);transform:translatey(0px) }
100% {-webkit-transform:translatey(-5px);transform:translatey(-5px)}
}
@keyframes go7{
0%{-webkit-transform:translatey(0px);transform:translatey(0px) }
100% {-webkit-transform:translatey(-5px);transform:translatey(-5px)}
}
@-webkit-keyframes cerrar {
0%,25%{opacity:1}
35%{opacity: 0}
50%{opacity:1;}
100%{opacity:1}
}
@keyframes cerrar {
0%,25%{opacity:1}
35%{opacity: 0}
50%{opacity:1;}
100%{opacity:1}
}

效果图:
在这里插入图片描述

参考博客:
https://blog.csdn.net/xiaoge_586/article/details/122579471?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164341430916781683942461%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=164341430916781683942461&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2alltop_positive~default-1-122579471.first_rank_v2_pc_rank_v29&utm_term=%E4%BD%A0%E4%BC%9A%E7%94%A8%E4%BB%A3%E7%A0%81%E7%94%BB%E5%B9%B4%E5%85%BD%E5%90%97&spm=1018.2226.3001.4449

举报

相关推荐

0 条评论