如何在用户看到动画时开始制作动画

Question

我在想。如何制作CSS3动画。我对最简单的方法感兴趣。 效果如下：here或here

我正在查看jquery航点 - 但我不认为这是他们正在使用的解决方案。

Answer 1

你的意思是什么时候被触发或动画是如何完成的？在您的第一个示例中，作者使用css3过渡来实现效果。他基本上将图像缩小了一点，然后使用过渡来回到比例1：

opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;

滚动到页面的某个点后会触发效果（有不同的解决方案，即航点），然后添加“show-item”类。

您可以在此处详细了解转化：http://www.w3schools.com/css/css3_transitions.asp

在您的第二个示例中，动画是集成视频，因此不一样。