css3 animate 让元素一开始隐藏

css3 animate 让元素一开始隐藏

假如直接在元素中写opacity:0，则动画结束后，元素会重新隐藏，例如：

.item{
    opacity:0;
    animation:appear linear 3s;
    -webkit-animation: appear linear 3s;
}
@-webkit-keyframes appear {
    0% {opacity:0}
    100% {opacity:1}
}

解决：
1.将item的opacity属性删除；
2.在item中加入：animation-fill-mode:both

完毕