css造型变化

旋转  transform:rotate(7deg);
预览器前缀
-moz-     /* 火狐等使用Mozilla浏览器引擎的浏览器 */
-webkit-  /* Safari, 谷歌浏览器等使用Webkit引擎的浏览器 */
-o-       /* Opera浏览器(早期) */
-ms-      /* Internet Explorer (不一定) */ 
动画
#myDIV
{
    width:300px;
    height:200px;
    background:red;
    animation:mymove 5s infinite;
    /*Safari 和 Chrome:*/
    -webkit-animation:mymove 5s infinite;
}
@keyframes mymove
    {
    from {background-color:red;}
    to {background-color:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
    from {background-color:red;}
    to {background-color:blue;}
}
<div id="trianle-up">三角形</div>

#triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
}