第1天 CSS3有哪些新增的特性?

边框(borders):

  • border-radius 圆角
  • box-shadow 盒阴影
  • border-image 边框图像

背景:

  • background-size 背景图片的尺寸
  • background_origin 背景图片的定位区域
  • background-clip 背景图片的绘制区域

渐变:

  • linear-gradient 线性渐变
  • radial-gradient 径向渐变

文本效果

  • word-break word-wrap
  • text-overflow
  • text-shadow
  • text-wrap
  • text-outline
  • text-justify

转换:

  • 2D转换属性 transform transform-origin
  • 2D转换方法 translate(x,y) translateX(n)
    translateY(n) rotate(angle) scale(n) scaleX(n) scaleY(n)
    rotate(angle) matrix(n,n,n,n,n,n)

3D转换:

  • 3D转换属性:
  • transform
  • transform-origin
  • transform-style
  • 3D转换方法:
  • translate3d(x,y,z)
  • translateX(x)
  • translateY(y)
  • translateZ(z)
  • scale3d(x,y,z)
  • scaleX(x)
  • scaleY(y)
  • scaleZ(z)
  • rotate3d(x,y,z,angle)
  • rotateX(x)
  • rotateY(y)
  • rotateZ(z)
  • perspective(n)

过渡
transition
动画
@Keyframes规则
animation
弹性盒子(flexbox)
多媒体查询@media

上一篇:canvas_03 画弧线


下一篇:unity ui 扫光shader