CSS3 transform-origin 属性

最新推荐文章于 2023-10-17 16:07:36 发布

霖霏晗

最新推荐文章于 2023-10-17 16:07:36 发布

阅读量1k

点赞数

分类专栏： css3学习

本文链接：https://blog.csdn.net/xxz_best/article/details/50854336

版权

css3学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
    <title>CSS3 transform-origin 属性</title>
        <style>
        #div1
        {
        position: relative;
        height: 200px;
        width: 200px;
        margin: 100px;
        padding:10px;
        border: 1px solid black;
        }
        #div2
        {
        padding:50px;
        position: absolute;
        border: 1px solid black;
        background-color: red;
        transform: rotate(45deg);
        transform-origin:30% 40%;
        -ms-transform: rotate(45deg); /* IE 9 */
        -ms-transform-origin:30% 40%; /* IE 9 */
        -webkit-transform: rotate(45deg); /* Safari and Chrome */
        -webkit-transform-origin:30% 40%; /* Safari and Chrome */
        }
        </style>
    </head>
    <body>
        <div id="div1">
            <div id="div2">鹿晗，LH7</div>
        </div>
    </body>
</html>

霖霏晗

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS3 transform-origin 属性

CSS3 transform-origin 属性 #div1 { position: relative; height: 200px; width: 200px; margin: 100px; padding:10px; border: 1px soli
复制链接

扫一扫