使用CSS Transition在加载时滑动div

时间:2014-12-11 21:36:22

标签: javascript html css css-transitions

所以我有这个div在加载时滑入,但由于某种原因我似乎无法让动作实际发射,有人可以帮助我吗?

谢谢!

HTML:

<div class="right-scroll-content" id="right-scroll-slide">aaaa</div>

CSS:

 #right-scroll-slide{
    -webkit-transition:all 1s;
    -ms-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s
        position:absolute;
        top:-100px;
        background:red;
    }

JS:

document.getElementById("right-scroll-slide").style.top="70px";

小提琴:http://jsfiddle.net/qrvp58Ly/1/

1 个答案:

答案 0 :(得分:2)

;之后错过-o-transition FIDDLE