css国六 |css 左边进入动画

/* 使用pre标签展示示例代码 */ 
p {
color: rgb(17, 94, 224);
font-size: 18px;
margin: 10px;
line-height: 1.5;
}
/* 新特性1：CSS变量 */
:root {
--primary-color: #3f51b5;
}
h1 {
color: var(--primary-color);
}
/* 新特性2：灵活的文本折行 */
.text-wrap {
overflow-wrap: break-word;
}
/* 新特性3：CSS Grid */
.container {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
grid-template-rows: 100px 100px;
}
/* 新特性4：CSS Scroll Snap */
.scroll-snap {
scroll-snap-type: x mandatory;
}
/* 新特性5：ViewPort Units */
.vh-50 {
height: 50vh;
}

以上是CSS国六的5个新特性，它们分别是CSS变量、灵活的文本折行、CSS Grid、CSS Scroll Snap和ViewPort Units。这些新特性可以帮助大家更加方便地进行网页布局及样式设置。相信在未来，在这些新特性加持下，大家的Web开发效率可以进一步提升。