css3odd |h5 css3实现图片移动

.box{
width: 200px;
height: 200px;
background-color: orange;
border-radius: 50%;
box-shadow: 10px 10px 5px grey;
}

上面这段CSS代码就可以创建一个圆形方框并给它加上一些阴影效果。在这段代码中，box-shadow和border-radius是CSS3Odd的新属性，它们可以让网页更加鲜明有趣。

@keyframes spinning{
0%{ transform: rotate(0deg); }
100%{ transform: rotate(360deg); }
}
.spinning-box{
width: 50px;
height: 50px;
background-color: green;
animation: spinning 2s linear infinite;
}

这段代码创建了一个旋转的矩形方框，它是用CSS3Odd的新特性——动画效果实现的。animation属性用于指定动画实现方式，而@keyframes定义了动画过程。这些新特性可以让网页设计更加生动有趣。

综上所述，CSS3Odd技术为网页设计提供了更多的选择和更加多彩的效果。了解这些新属性和基本语法可以让开发者更好地利用资源，使网页更加优美和出色。