css3一级属性以上

CSS是层叠样式表（Cascading Style Sheets）的缩写，它是一种用来控制网页样式的语言。CSS有多个版本，在CSS2.1中已经被定义为W3C的官方标准。而CSS3则是CSS的下一代，它旨在改善CSS2的不足，增加更多的样式效果和布局技术。

/* 以下是CSS3一级属性以上的样式 */
/* 边框圆角 */
div{
    border-radius: 10px;
}

/* 线性渐变 */
div{
    background: linear-gradient(#fff,#000);
}

/* 旋转 */
div{
    transform: rotate(45deg);
}

/* 拉伸 */
div{
    transform: scale(1.5,0.5);
}

/* 动画 */
div{
    animation: slide 5s infinite;
}

@keyframes slide{
    0% { transform: translateX(0); }
    50% { transform: translateX(500px); }
    100%{ transform: translateX(0); }
}

上述代码展示了CSS3一级属性以上的一些样式，其中包括了边框圆角、线性渐变、旋转、拉伸和动画等效果。这些效果都比CSS2中的相应属性更加复杂和强大。

边框圆角可以让边框具有圆角的形状，而不是简单的直角；线性渐变则可以让背景色从上到下或从左到右逐渐变化，实现更加丰富的背景效果；旋转和拉伸可以让元素在3D空间中更加灵活自如；而动画则可以让元素表现出更加生动活泼的效果。

总的来说，CSS3一级属性以上的样式为前端开发提供了更多的选择和可能性，让网页设计更加丰富多彩。但是需要注意的是，CSS3的浏览器兼容性问题和一些属性的兼容性存在差异，需要在实际开发中做好兼容性的处理。