javascript - 使用 CSS Transition 在加载时滑动一个 div

标签 javascript html css css-transitions

所以我有这个在加载时滑入的 div,但由于某种原因我似乎无法让 Action 真正触发,有人可以帮助我吗?

谢谢!

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";

fiddle :http://jsfiddle.net/qrvp58Ly/1/

最佳答案

-o-transition 之后错过了一个 ; FIDDLE

关于javascript - 使用 CSS Transition 在加载时滑动一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27432836/

相关文章:

jquery - 调整图库中图像的大小以适应行,但保持每个图像的纵横比

angularjs - 如何在 angularjs 中使用 ng-if 向下滑动和向上滑动元素?

html - FireFox 中不显示内容属性

html - 自动向文本添加某种文本?

javascript - 表内的 js 时间序列/瀑布图

javascript - angular.js 中的静态插值与动态插值及其性能

javascript - Electron : Create a window above all the others (even fullscreen) and hide taskbar

javascript - 带有标题的谷歌地图矩形/多边形

html - 尝试创建一个水平居中的菜单

php - document.getElementById ('form_name' ).submit() 无法正常工作