css动画之大套套小块

最新推荐文章于 2022-07-29 15:07:36 发布

憨憨励志学前端

最新推荐文章于 2022-07-29 15:07:36 发布

阅读量80

点赞数

分类专栏： CSS基础文章标签： css 动画 css3

本文链接：https://blog.csdn.net/weixin_52589346/article/details/124594698

版权

本文详细介绍了如何使用CSS3创建一种特殊动画效果，即大元素动态套用小元素动画。通过代码展示和图示解释，帮助读者理解实现这种效果的关键技术和步骤。总结部分对整个过程进行了精炼概括。

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

文章目录

一、代码
二、图示
总结

一、代码

        @keyframes roll {
   
            from {
   
                transform: rotateX(0) 
                           rotateY(0) 
                           rotateZ(0);
            }
            to {
   
                transform: rotateX(360deg) 
                           rotateY(720deg) 
                           rotateZ(360deg);
            }
        }
        * {
   
            margin: 0;
            padding: 0;
        }
        body {
   
            background-color: #111;
        }
        div {
   
            width: 200px;
            height: 200px;
            position: absolute;