php - div的不透明度过渡

Question

Fade in and out elements with css3's transition -- 不起作用

我在 index.php 上，当我继续 index.php?a=1 时，DIV 出现了，这就是我想要的，但看起来不是专业，如果它跳出来。

是否有可能使用 CSS3 过渡使对象首先不可见，然后在很短的时间内使其可见？

Answer 1

div{
    width:100px;
    height:100px;
    background:#ccc;
    -webkit-animation: fade-in 2s;
}

@-webkit-keyframes fade-in {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}