css实现图片不断显示与隐藏，类似星星闪动

Tomorrow YE

于 2017-08-10 16:26:07 发布

阅读量2.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： HTML5前端文章标签： css3 显示与隐藏星星闪动循环

本文链接：https://blog.youkuaiyun.com/qq_29301417/article/details/77058301

HTML5前端专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一种使用CSS实现元素显示与隐藏的动画效果的方法。通过定义关键帧动画，使元素在页面上淡入淡出，形成无限循环的视觉效果。此技巧适用于网页设计中对元素进行动态展示的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**hi的显示与隐藏*/
.hiAnimation {
    position:absolute;    
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    -webkit-animation-direction: alternate;
}