animation动画

animation动画

代码截图:

animation动画

  • 定义动画 @keyframes 动画名
  • 调用动画 animation: 动画名 1s(动画执行时间) linear(匀速) infinite(重复执行) altenate(从有到无,又从无到有)

animation动画

代码截图:

animation动画

这里的0%等同于from而100%等同于to,而不同的是这种一次可以定义多种动画效果

animation动画

代码截图:

animation动画

评论
:broken_heart: :confounded: :flushed: :frowning: :grinning: :heart: :kissing_heart: :mask: :pensive: :rage: :relaxed: :scream: :smile: :smirk: :sob: :stuck_out_tongue_closed_eyes: :stuck_out_tongue_winking_eye: :wink: