这一节完全不知道在讲什么

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>3-1作业</title>
    <style>
        div {
            font-size: 14px;
            font-weight: bold;
            line-height: 50px;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 200px;
            height: 50px;
            margin: auto;
            cursor: pointer;
            text-align: center;
            background: #abcdef;
            
           
        }
       div:hover{
           transform:rotate3d(1,1,0,360deg)
           transition:all 2s ease-in-out 1s;
       }
       
    </style>
</head>
<body>
    <div>www.imooc.com</div>
</body>
</html>

Ting111 2019-05-26

源自：CSS3过渡 3-2 编程练习

收起

1回答

好帮手慕慕子 2019-05-26 18:06:59

同学你好，代码没有实现效果哦，这道题只需要在平面旋转就可以了，示例：需要先给div一个初始的角度, 然后在鼠标移入的时候，旋转360度（rotate（360deg））, 放大一倍scale(2, 2)

另，这一节课主要是讲transition的复合属性，是对前几节课讲解的知识进行了一个总结。

同学可以回顾一下视频，加深理解哦

如果帮助到了你，欢迎采纳！

祝学习愉快~~~

收起回答

提问者 Ting111 #1

给初始角度干嘛，直接旋转不可以吗，div初始角度不就是0度吗

2019-05-26 18:49:44
好帮手慕慕子回复提问者 Ting111 #2

你好，初始角度是零度，这里直接旋转是可以的，老师添加初始角度也是为了方便同学理解，过渡的属性是从零度到360度。可以看出同学理解的很棒哦，给你点个赞！！！

2019-05-26 18:57:01