javascript - jQuery On Page Load Animation 不工作

Question

我试图在页面加载时运行动画，但它不起作用我在页面加载时使用字体大小更改不透明度，但它没有显示任何效果

$(".animation").animate({opacity: 0.1, font-size:20px}, 1500 );
$(".animation").animate({opacity: 0.5, font-size:30px}, 500 );
$(".animation").animate({opacity: 0.9, font-size:40px}, 100 );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1 class="animation">Checking</h1>

Answer 1

你忘了引号

 $(".animation").animate({"opacity": "0.1", "font-size":"20px"}, 1500 );
    $(".animation").animate({"opacity": "0.5", "font-size":"30px"}, 500 );
    $(".animation").animate({"opacity": "0.9", "font-size":"40px"}, 100 );  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1 class="animation">Checking</h1>