开发者社区 问答 正文

碰上 一个怪异的css动画

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

展开
收起
杨冬芳 2016-06-08 18:27:53 1957 分享 版权
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
    赞同 展开评论
问答分类:
问答标签:
问答地址: