css相关属性

1. css3中opacity属性
     指定透明度的属性是opacity,属性值从 0.0 到 1.0。值越小，越透明。
     从 0.0 （完全透明）到 1.0（完全不透明）。
2. transition属性
     过渡transition是一个复合属性，包括transition-property、transition-duration、transition-timing-function、
     transition-delay这四个子  属性。通过这四个子属性的配合来完成一个完整的过渡效果。
      transition: opacity 3s  --->过渡：不透明度3s

   transition-property: 过渡属性(默认值为all)
   transition-duration: 过渡持续时间(默认值为0s)
   transiton-timing-function: 过渡函数(默认值为ease函数)
   transition-delay: 过渡延迟时间(默认值为0s)

3. CSS3 @keyframes 规则
    a：简介
          @keyframes 规则是创建动画。
          @keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式
    

4. transform属性
     Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。

5. scale,改变的不是元素的宽高，而是 X 和 Y 轴的刻度
    
    
    
    
    

6. CSS3 Animation,CSS3 Animation 是由三部分组成 
     a：关键帧(keyframes) - 定义动画在不同阶段的状态
             关键帧主要分为3个阶段，0%、50%、100%
     b：动画属性(properties) - 决定动画的播放时长，播放次数，以及用何种函数式去播放动画等。（可以类比音视频播放器）
     c：css属性 - 就是css元素不同关键帧下的状态。

7. border-top 属性
    CSS属性 border-top是属性 border-top-width, border-top-style, and border-top-color的三者的缩写
    例如：border-top: 10px solid #409EFF;