美文网首页
六、3D变换

六、3D变换

作者: yuzhan550 | 来源:发表于2019-12-08 22:13 被阅读0次

    1. perspective,灭点:

    景深的写法:

    a. 一种css属性;
    b. 一种是transform属性的一个变换函数(必须在第一位)

    景深的作用:

    构建3D舞台,决定用户的肉眼距离屏幕的水平距离,使3D变换的元素具有近大远小的感觉。

    景深和灭点的关系:

    景深越大,灭点越远,元素变形越小
    景深越小,灭点越近,元素变形越大

    景深基点

    景深叠加

    景深是一个不可继承的属性,但可以作用于所有后代元素
    transform-style
    transform-style的作用:
    构建3D舞台,使3D舞台有层次感
    transform-style是一个不可继承属性,它只作用于子元素
    backface-visiblility
    隐藏元素背面
    一个元素分两面,但并不意味元素有厚度,在一个状态下,元素只能展现自己的一面

    相关文章

      网友评论

          本文标题:六、3D变换

          本文链接:https://www.haomeiwen.com/subject/ayjvgctx.html