跳动的小爱心

跳动的心

<span id="heart">❤️</span>
 
#heart{
display: inline-block;
animation: beating 1s infinite;
animation-timing-function: ease-out;
}
 
@keyframes beating {
  0% {
    transform: scale(1)
  }
 
  20% {
    transform: scale(1.6)
  }
 
  30% {
    transform: scale(1)
  }
 
  50% {
    transform: scale(1.6)
  }
 
  70% {
   transform: scale(1)
  }
 
  100% {
    transform: scale(1)
  }
}
琼鲸网络
暂无评论

发送评论 编辑评论


				
上一篇
下一篇