沪钢木子

关注

css3 爆炸效果

沪钢木子

关注

阅读 194

2022-01-15

//爆炸效果
@keyframes fireworks {
  0% {
    transform: scale(0, 0);
  }
  60% {
    transform: scale(1, 1);
    opacity: 1;
  }
  95%{
    transform: scale(0.9, 0.9);
  }
  100%{
    transform: scale(0.9, 0.9);
    opacity: 0;
  }
}
//爆炸图绑定动画
animation: fireworks 2s 0.5s linear infinite;

相关推荐

蓝莲听雨

CSS3过渡效果(CSS3)

蓝莲听雨 124 0 0

独西楼Q

利用CSS3动画实现立方体旋转爆炸效果

独西楼Q 76 0 0

梅梅的时光

css3阴影效果

梅梅的时光 49 0 0

花海书香

CSS3 文本效果

花海书香 39 0 0

爱读书的歌者

CSS3动画效果详解

爱读书的歌者 20 0 0

文风起武

CSS3实现轮播效果

文风起武 32 0 0

悲催博士僧

CSS3:毛玻璃效果

悲催博士僧 150 0 0

幸福的无所谓

CSS3实现打勾(✔)效果

幸福的无所谓 194 0 0

棒锤_45f2

CSS3雷达扫描效果

棒锤_45f2 42 0 0

小贴贴纸happy

CSS3无缝轮播效果

小贴贴纸happy 142 0 0

精彩评论(0)

0 0 举报