Code前端首页关于Code前端联系我们

css3 shape 2d变换和3d变换有趣的例子

terry 2年前 (2023-09-27) 阅读数 185 #数据结构与算法

分为2d变换和3d变换。有哪些好玩的事情呢?这里有一些!

4-1。语法

transformation:适用于元素的2D或3D变换
transformation-origin:元素位置的变换(围绕给定点的变换)。默认 (x,y,z):(50%,50%,0)

4-2。示例

变换:强(30度);

css3形状2d转换和3d转换转换 好玩的示例

变换:平移(30px,30px);

css3形状2d转换和3d转换转换 好玩的示例

变换:缩放(.8);

css3形状2d转换和3d转换转换 好玩的示例

变换:倾斜(10deg,10deg);变换 :rotateX(180deg);

css3形状2d转换和3d转换转换 好玩的示例

transform:rotateY(180deg);

css3形状2d转换和3d转换转换 好玩的示例

transform:rotate3d(10, 10,10,90deg);

css3形状2d转换和3d转换转换 好玩的示例

作者:我在等我
链接:https:// /juejin.im/post/5a0c184c51882531926e4294
来源:掘金
版权所有作者。商业转载请联系作者获得许可。非商业转载请注明来源。

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门