关注前端开发
关注用户体验

css动画是可以暂停的

css动画大家都不陌生,但是你知道css动画是可暂停的吗?如果你不知道就来看看吧。

虽然用过很多次animation,但是也就前几天才知道动画是可以暂停的,可见自己对动画的了解还是不够深,一起来学习一下今天的主角—animation-play-state(running | paused)

该属性定义一个动画是否运行或者暂停。可以通过查询它来确定动画是否正在运行。另外,它的值可以被设置为暂停和恢复的动画的重放。其中恢复已暂停的动画,是从它暂停的时候,而不是从动画的起点。

See the Pen
暂停css动画
by cc (@glccgl)
on CodePen.

 

赞(36)
未经允许不得转载:大前端 » css动画是可以暂停的
分享到: 更多 (0)

评论 8

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #7

    中国人讲仁、义、理、智、信,讲顺天敬地,是信神的,相信善恶有报;道家讲修真,?#24403;?#24402;真,做个真人;佛家讲善、讲慈悲,看着众生都在苦海中受苦,要人通过修炼而觉悟,从而脱离苦海,踏上永生与幸福的彼岸。
    法 轮 功是一门佛家修炼方法,修炼者是做一个善良的好人。可是江 ×民之流为了迫害法 轮 功,自编自导了“天安 门 自 焚”丑剧,恶意诬陷、抹黑法 轮 功。卑鄙邪恶,人神共愤。
    一些学员被?#21543;保?#26356;多的学员被抄家、劳教和?#34892;獺?#27861; 轮 功修炼者甚至被作为活体器官库,由此制造了这个星球从?#20174;?#36807;的罪恶——活 摘 器官的罪行。这是赤裸裸的酷刑罪、屠杀罪、反人类罪。

    觉悟5天前回复
  2. #6

    Heya i am for the primary time here. I came across this board and I find It really helpful & it helped me out a lot.
    I am hoping to provide something again and aid others like you helped me.

  3. #5

    Aw, this was a really good post. Taking the time and actual effort to produce a very good
    article… but what can I say… I procrastinate a whole
    lot and don’t manage to get anything done.

  4. #4

    Remarkable issues here. I am very glad to see your post.
    Thank you a lot and I am having a look forward to contact you.
    Will you please drop me a e-mail?

  5. #3

    If some one wishes expert view concerning blogging afterward i propose him/her to visit this website,
    Keep up the good job.

    2019 ps4 games2周前 (06-07)回复
  6. #2

    不错

    zhenwenjie3周前 (06-03)回复
  7. #1

    学到了

    Kapechen3周前 (05-31)回复
    • zhenwenjie3周前 (06-03)回复

themebetter 国内更好的WordPress主题服务商

立即前往
野狼电子游戏