css3篇三（变形之2d、3d的转换）

最新推荐文章于 2022-09-22 19:37:04 发布

月亮不营业

最新推荐文章于 2022-09-22 19:37:04 发布

阅读量160

点赞数 1

分类专栏：笔记文章标签： html5 css3

本文链接：https://blog.csdn.net/qq_46440394/article/details/105123208

版权

一、2d转换 .trans1{ transform: rotate(30deg) ; /*旋转30度*/ } .trans2{ transform: skew(30deg) ; /*扭曲30度*/ } .trans3{ ...

摘要由CSDN通过智能技术生成

一、2d转换

  .trans1{
            transform: rotate(30deg) ;
            /*旋转30度*/
        }
        .trans2{
            transform: skew(30deg) ;
            /*扭曲30度*/
        }
        .trans3{
            transform: scale(0.8) ;
            /*缩放为之前的0.8倍*/
        }
        .trans4 {
            transform: translate(5px,50px) ;
            /*沿x轴移动5px,y轴移动50px*/
        }

在这里插入图片描述
二、3d转换

<body>
<div class="box">
    <div class='front'>front</div>
    <div class='back'>back</div>
    <div class='left'>left</div>
    <div class='right'>right</div>
    <div class=&

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

月亮不营业

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css3篇三（变形之2d、3d的转换）

一、2d转换 .trans1{ transform: rotate(30deg) ; /*旋转30度*/ } .trans2{ transform: skew(30deg) ; /*扭曲30度*/ } .trans3{ ...
复制链接

扫一扫