.traingle {
 width: 0;
 height: 0;
 border-left: 50px solid transparent;
 border-right: 50px solid transparent;
 border-bottom: 100px solid yellowgreen;
}

animation-name	规定需要绑定到选择器的 keyframe 名称。

animation-duration	规定完成动画所花费的时间，以秒或毫秒计。

animation-timing-function	规定动画的速度曲线。
-- linear	动画从头到尾的速度是相同的。
-- ease	默认。动画以低速开始，然后加快，在结束前变慢。
-- ease-in	动画以低速开始。
-- ease-out	动画以低速结束。
-- ease-in-out	动画以低速开始和结束。
-- cubic-bezier(n,n,n,n)	在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。

animation-delay	规定在动画开始之前的延迟。

animation-iteration-count	规定动画应该播放的次数。
-- n	定义动画播放次数的数值。
-- infinite	规定动画应该无限次播放。

animation-direction	规定是否应该轮流反向播放动画。
-- normal	默认值。动画应该正常播放。
-- alternate	动画应该轮流反向播放。

word-break:  属性规定自动换行的处理方法
         normal     使用浏览器的默认换行方式
         break-all  允许在单词内断行
                    在使用英文多的时候能够整齐换行
         keep-all   只能在半角空格或连字符处换行

word-wrap：  允许长单词或 URL 地址换行到下一行
         normal      只在允许的断点处处理（按浏览器默认的处理方式）
         break-word  在长单词或者url内部进行换行