CSS3引入了许多新属性,这些属性增强了网页设计的功能和视觉效果。以下是一些主要的CSS3新属性:
边框属性
`border-radius`:创建圆角边框。
`box-shadow`:向元素添加阴影效果。
`border-image`:使用图片来创建边框。
背景属性
`background-size`:规定背景图片的尺寸,支持像素和百分比。
`background-origin`:规定背景图片的定位区域。
文字效果
`text-shadow`:向文本添加阴影。
`word-wrap`:允许对长单词进行换行。
`text-align-last`:设置文本最后一行或强制换行符前的行的对齐方式。
动画效果
`transform`:实现元素的变换效果,如旋转、缩放、移动等。
`transition`:实现在元素状态改变时平滑地过渡属性值。
其他属性
`nth-child()`:选择特定顺序的子元素。
`attributeselectors`:在属性中添加通配符进行元素选择。
`mediaqueries`:为不同设备设置不同的样式。
`multi-columnlayout`:实现多列布局。
这些属性使得CSS3在设计中更加灵活和强大,能够创建出更加丰富的视觉效果和交互体验。