开发者社区> 问答> 正文

一个CSS3 动画执行完成后的问题...

例:

在执行完一段css3动画后需要隐藏这个元素如何操作?也就是让它不重复动作.

使用animation参数forwards无效.

注:前提是不使用jQuery情况下能做到么?

展开
收起
a123456678 2016-05-26 16:37:26 2005 0
1 条回答
写回答
取消 提交回答
  • 这个隐藏的话可以设置opacity:0

    我们可以让一个元素的默认opacity=0

    把动画放到一个一个类上,然后给把这个类付给这个属性

    @keyframes ani{

    0%{opacity: 1}//此处显示转换为1 动画结束后就会自动隐藏了,因为元素的opacity为0,应该使用 display也可以,但我没用过,因为display没有动画效果

    }

    2019-07-17 19:16:31
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载