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转换

  • 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

 

 

(0)
上一篇 2019年9月1日 下午10:34
下一篇 2019年9月1日 下午10:53

相关推荐

发表回复

登录后才能评论