开发者社区> 问答> 正文

碰上 一个怪异的css动画

.show{
    animation:show 3s  ease-in-out  ;/*应用动画---------*/为什么这个动画没有效果?
    
    
    }
@keyframes show{
 from{
    visibility:hidden;
    }    
to{
    visibility:visible;
    }
}

展开
收起
杨冬芳 2016-06-08 18:27:53 1860 0
1 条回答
写回答
取消 提交回答
  • IT从业

    animation不支持这个属性,不过你可以用opacity来实现。

    .show {
        animation:show 3s ease-in-out infinite;
    }
    
    @keyframes show {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    2019-07-17 19:32:33
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
3D动画的菜谱式灯光与云渲染 立即下载
低代码开发师(初级)实战教程 立即下载