css3 的新属性

时间：2018-09-18 20:54:12 阅读：220 评论：0 收藏：0 [点我收藏+]

标签：加速 sha style hit for form ram 半径 transform

1，动画，animate------>//动画-名称-动画的时间间隔-以什么方式播放-循环

.right{

   animate:dropdown 8s linear infinite

}

  @keyframes dropdown{
        0%{margin-top:10px;}
        10%{margin-top:20px;}
        100%{margin-top:50px;}
    }
 

  2、 transition: width 2s linear;//过度的效果 线性-宽度2s-发生变化  
  3、transform:rotate(7deg);//可以提高提高GPU加速
  4、translate(50px,100px); // 平移到指定的位置
  5、border-radius:5px;
  6、box-shadow: 0 0 4px 5px #000; // x的偏移值 y的偏移值 x的半径 y的半径 偏移的颜色
  7、 box-sizing:content-box; //标准模型 border-box: ie怪模型

css3 的新属性

标签：加速 sha style hit for form ram 半径 transform

原文地址：https://www.cnblogs.com/yayaxuping/p/9670976.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行