二、正常情况下，transition是加到设置元素样试的CSS中的，而transform是添加到动态伪类选择器:hover后的
三、如果要实现鼠标悬停后元素旋转360不回去，可将transition也加到:hover后面
举例：
<style>
.bg{
width: 200px
height: 200px
margin: 10px
box-shadow: 0 1px 8px #666
}
.bg:hover{
transition: all 0.5s ease-in
transform:rotate(360deg)
}
</style>
<div class="bg"></div>
不知道是不是你要的效果，望采纳！！！
css样式的padding的4个方向顺序是：上 右 下 左。基本上内边距与外边距都是这么用的。记得数字后面要加单位的。具体分析如下：
1、新建一个html文件，命名为test.html，用于讲解css样式中padding属性的4个方向顺序是什么。
2、在test.html文件内，使用a标签创建一个链接，链接的名称为测试。
3、在test.html文件内，设置a标签的class属性为incss，主要用于下面通过该class来设置css样式。
4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5、在css标签内，设置类名为incss的样式，使用border属性设置其边框大小为1px，边框线形为实线，边框颜色为红色。在浏览器打开test.html文件，查看实现的页面效果。
6、在css标签内，使用padding属性设置a标签四周的内边距，顺序为上右下左，上内边距设置为5px，右内边距设置为20px，下内边距设置为40px，左内边距设置为60px。
7、在浏览器打开test.html文件，查看实现的效果。
