delighters.js是一款页面转动触发css3动画js插件。该js插件可以在页面向下转动时，为进入浏览器视口的米素 *** 种种炫酷的CSS3动画效果。

delighters.js使用  

1、引入

<script type="text/javascript" src="js/delighters.js.js"></script>

2、html

在需要 *** 动画的米素上添加data-delighter属性。

<div> class="7d80-e70d-b4f1-420f foo" data-delighter </div>

3、css

内置的.started和 .ended类会自动为带data-delighter的米素（或它的子米素）添加样式。 当插件被加载之后，每一个data-delighter都市获得一个 .delighter class类。

.foo.delighter {
  transition: all .3s ease-out;
  transform: translateX(-100%);
  opacity: 0;
}