div的不透明度转换

时间:2013-06-02 13:42:39

标签: php css css3 css-transitions

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

我正在index.php,当我继续index.php?a=1时,DIV会出现,这就是我想要的东西,但如果只是跳出来,它看起来并不专业。

是否有可能使用CSS3过渡使对象首先不可见,并且在非常短的时间内使其可见?

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

尝试转换延迟。我认为这是你的搜索。

http://www.w3schools.com/cssref/css3_pr_transition-delay.asp