CSS3

  1. perspective : 指定了观察者与 z=0 平面的距离,使具有三维位置变换的元素产生透视效果。z>0 的三维元素比正常大,而 z<0 时则比正常小,大小程度由该属性的值决定。
  2. transition : 过渡。
    • 适用场景: 过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果。比如在不同的伪元素之间切换,像是 :hover,:active 或者通过 JavaScript 实现的状态变化。
    • 语法: transition: transition-property1 [transition-duration1 transition-timing-function1 transition-delay1], transition-property2 [transition-duration2 transition-timing-function2 transition-delay2], ...;
    • 默认值:transition-delay: 0s; transition-duration: 0s; transition-property: all; transition-timiing-function: ease;
  3. animation: 动画
  4. box-shadow: 为元素设置阴影效果,可以设置多个。
  5. filter: 滤镜。将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。

    参考

  6. inset:为简写属性,对应于 top、right、bottom 和 left 属性。
posted @ 2022-07-06 17:57  拉布拉多~  阅读(16)  评论(0编辑  收藏  举报