脖子上有痣代表什么你肯定已经看到了最近已经出现的标题的滚动效果真的很酷。其中一个例子是Phil Renaud在Riot Industries网站上的标题，该标题在点击时以3d旋转，并在滚动时放大。Johnny Simpson在他开发了Scroll Activated Fixed Header Animations的过程中做了类似的工作。我们还创建了一个在线滚动动画标题的蓝图，让你开始。
今天，我们想给你一些动画标题的灵感，并告诉你什么样的效果可以用来增加你的网站的起始元素，并给它一些生活。
效果的演示仅作为灵感，我们已经使用了一种技术，涉及改变标题的状态类，这当然会根据要使用的效果来定制。重要的是理解状态彼此依赖，即从A类到B类做一些事情（使用过渡），从A过渡到C可能不会产生所需的效果。所以这个例子中的顺序很重要，它试图在一个页面上显示所有的效果。
数据atrributes用于根据我们滚动的方向来设置正确的类。在我们的演示中，动画数据属性包含先前动画的属性的类。
一个国家级的例子是下面的“旋转”一个：html状态类应用于标题元素，从那里我们可以定义一些的变化。