/* CSS3中新增了许多选择器 */ a[href^="https"] { /* 选择 href 属性以 https 开头的所有元素 */ } div:nth-child(2) { /* 选择所有父级元素下的第二个元素 */ } input[type="checkbox"]:checked { /* 选择所有被选中的复选框 */ } /* RGBA 颜色值 */ color: rgba(255, 0, 0, 0.5); /* 红色半透明 */ /* Gradient 渐变 */ background: linear-gradient(to right, red, yellow); /* 渐变背景色 */ /* Flexbox 布局 */ .container { display: flex; justify-content: center; /* 主轴居中对齐 */ align-items: center; /* 交叉轴上的子元素对齐 */ } /* CSS 动画 */ @keyframes move { 0% {left: 0px;} 50% {left: 200px;} 100% {left: 0px;} } .element { animation-name: move; animation-duration: 2s; /* 持续时间 */ animation-iteration-count: infinite; /* 循环次数 */ }以上就是 CSS 新增的一些常用功能。当然还有其他很多新特性,让大家能够更加丰富多彩地设计网页。学习新版 CSS,不仅可以提升网页设计的效果,还能让大家更好地适应不断变化的网络环境和用户需求。
首页 >
css新增了哪些功能 |css3放大属性
弹球效果css,css鼠标经过渐变,css图片hover悬停特效,div css表格排列代码,css中网页背景代码,css设置线性渐变的属性,css3放大属性