1. Border-radius:用于设置元素的圆角,可以通过指定四个角的半径值来实现不同的效果。 示例代码: border-radius: 10px; /* 四个角的半径都为10px */ border-top-left-radius: 20px; /* 左上角的半径为20px */ border-bottom-right-radius: 5px; /* 右下角的半径为5px */ 2. Box-shadow:用于添加阴影效果,可以指定阴影的颜色、位置、大小等属性。 示例代码: box-shadow: 5px 5px 10px #999; /* 水平偏移量为5px,垂直偏移量为5px,模糊半径为10px,颜色为#999 */ 3. Text-shadow:用于添加文本阴影效果,可以指定阴影的颜色、位置、大小等属性。 示例代码: text-shadow: 1px 1px 2px #999; /* 水平偏移量为1px,垂直偏移量为1px,模糊半径为2px,颜色为#999 */ 4. Transition:用于设置元素在鼠标事件触发时进行平滑过渡效果,可以指定过渡的属性、时长、速度等属性。 示例代码: transition: width 2s ease-in-out; /* 设置宽度变化时的过渡效果,在2秒内进行缓冲方式的平滑过渡 */
以上仅仅是CSS3元素中的几个常用属性,不同的效果和细节还需要结合具体的实现来更好地使用和理解。