css3常用效果图 |注册同意按钮css

.box {
border-radius: 10px; /*实现圆角效果*/
box-shadow: 5px 5px 5px #888888; /*实现阴影效果*/
transition: all 0.3s ease; /*实现过渡效果*/
transform: rotate(30deg); /*实现旋转效果*/
}

在以上代码中，大家使用了四个常见的CSS3效果。首先，border-radius属性可以实现圆角效果，其值为圆角的半径大小。其次，box-shadow属性可以实现阴影效果，其值为阴影的偏移距离、扩散半径和颜色。再便是transition属性可以实现过渡效果，其值为过渡时间、过渡方式和需要发生效果的属性名。最后，transform属性可以实现旋转效果，其值为旋转的角度。

.btn {
background-color: #ff69b4; /*背景色*/
color: #ffffff; /*字体颜色*/
border: none; /*取消边框*/
padding: 10px 20px; /*增加内边距*/
cursor: pointer; /*改变鼠标样式*/
}
.btn:hover {
background-color: #c71585; /*鼠标悬停样式*/
}
.btn:active {
background-color: #dc143c; /*鼠标按下样式*/
}

在以上代码中，大家创建了一个按钮样式。首先，background-color属性可以实现背景色，其值为颜色代码或颜色名称。其次，color属性可以实现字体颜色，其值也为颜色代码或颜色名称。border和padding属性也是常见的设置样式属性。最后，cursor属性可以改变鼠标样式，其值为default（默认）等等鼠标样式名称。同时，大家还在:hover伪类和:active伪类中实现鼠标悬停样式和鼠标按下样式。

以上就是CSS3常用效果图的简单介绍。当然，CSS3还有很多其他的效果，学习和使用它们可以为大家的开发工作带来更多的乐趣。