考试中出现的关于CSS3的知识点

• CSS3
  • 规定动画何时开始：animation-delay
  • 规定动画被播放的次数。默认是 1 ： animation-iteration-count
  • 规定动画名称： animation-name
  • 规定动画完成一个周期所花费的秒或毫秒。默认是 0 ：animation-duration
  • 因为默认原则是动画内外互不干涉，背景会变成透明。我们可以使用animation-fill-mode覆盖这种行为 ： animation-fill-mode
  • 动画关键帧 ： @keyframes
  • 用于控制动画的播放和暂停，这个属性可以被设置为running和paused来运行或者暂停动画：animation-play-state
  • 允许你以矩阵变形来控制变形效果 ： matrix
  • 沿X和Y轴对元素进行斜切（单位为度） ：skew
  • 用来缩放元素（放大或缩小）：scale
  • 按照一定角度旋转元素（单位为度）： rotate
  • 在屏幕上移动元素（可以使用像素或者百分比，第一个值是X轴上偏移的距离，第二个是Y轴上偏移的距离） ：translate
  • 可以修改变形原点，在CSS里，默认的变形原点（浏览器中作为变形中心的点）是在正中心，这和SVG默认的左上角（或者0 0）是不同的： transform-origin属性
  • 用来分隔阴影特性的符号，使其会按照从底部到顶部（从最后一个到第一个）的顺序被添加 ：逗号
  • 背景径向渐变 ：radial-gradient
  • 重复渐变背景（径向）：repeating-radial-gradient
  • 背景大小关键词：让图片保持其原生大小 ： auto
  • 背景线性渐变 ：linear-gradient
  • 背景大小关键词：保持图片比例，拓展至覆盖整个元素：cover
  • 模糊距离（可选可省略），文字阴影特效缩写值的第3个值 ：blur
  • 盒阴影添加了关键字以產生内阴影（可选）：inset
  • 阴影尺寸 或 阴影偏移（可选可省略），文字阴影特效缩写值的第4个值：spread
  • 背景大小关键词：保持图片比例，拓展图片让其最长边保持在元素内部 ：contain
  • 盒阴影容许你在元素的内部或者外部创建盒状的阴影效果：boxshadow
  • 文字阴影特效，是最被广泛支持的CSS3特性之一 ：text-shadow

---