我试图在没有Javascript的情况下在 onLoad上实现一些动画.JS很简单,CSS就是......不行.
我有div这应该是对display: none;,应该是display: block;后3个secondes.很多资源告诉我动画不起作用display,但应该与visibility(我经常在我的过渡中使用).
对,知道我有这个可怕的javascript函数:
<script type="text/javascript">
$(document).ready(function(){
$(".js_only").hide();
setTimeout(function () {
$(".js_only").show();
}, 3000);
});
</script>
Run Code Online (Sandbox Code Playgroud)
我在CSS中尝试了一些动画但没有结果......似乎没有任何效果.
我的页面中有很少的动画,但只是display: none;在动画上挣扎.
@-moz-keyframes showEffect {
0% { display: none; visibility: hidden; }
100% { display: block; visibility: block; }
}
@-webkit-keyframes showEffect {
0% { display: none; visibility: hidden; }
100% { display: block; visibility: block; }
}
@keyframes showEffect {
0% { display: none; visibility: hidden; } …Run Code Online (Sandbox Code Playgroud)