一墩难求,用css画冰墩墩和雪容融

小宋 2022年2月21日08:22:27
评论
249 次 322字阅读1分4秒

以下内容来自杨青青博客

用css来画冰墩墩和雪容融,会基础的css就行,只要肯花时间和精力,用css画了一个冰墩墩,用得最多的是伪类,圆角,定位。如果有兴趣的同学,可以尝试着自己画一个,如果再用到css3动画,还有css3颜色渐变,让冰墩墩动起来,效果会更好哦。

一墩难求,用css画冰墩墩和雪容融

一墩难求,用css画冰墩墩和雪容融

例如给冰墩墩的爱心小手加一个打招呼(左右)摆动的动作:

.arm2 { animation:hi 2s infinite; }
 
@keyframes hi
{
0%{transform: rotate(37deg);}
50% {transform: rotate(44deg);}
100% {transform: rotate(37deg);}
}

预览页面:https://xiaosonglog.com/p/bdd

小宋
  • 本文由 发表于 2022年2月21日08:22:27
  • 转载请务必保留本文链接:https://xiaosonglog.com/2148.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: