首页 前端知识 css3-旋转中心点案例

css3-旋转中心点案例

2024-09-29 22:09:36 前端知识 前端哥 113 843 我要收藏

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        div {

            width: 200px;

            height: 200px;

            background-color: pink;

            margin: 100px auto;

            transition: all 1s;

            /* 可以跟方位名词 */

            /* transform-origin: left bottom; */

            /* 默认的是50% 50% 等价于center center */

            /* 可以是px像素 */

            transform-origin: 50px 50px;

        }

        div:hover {

            transform: rotate(360deg);

        }

    </style>

</head>

<body>

    <div></div>

</body>

</html>

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18726.html
标签
评论
发布的文章

jQuery QueryBuilder 教程

2024-10-29 23:10:44

水球图 及各种参数设置

2024-10-29 23:10:13

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!