CSS3 漸變&＃xff08;gradients&＃xff09;可以在兩個(gè)或多個(gè)指定的顏色之間顯示平穩(wěn)的過渡。愛掏網(wǎng) - it200.comCSS3 定義了兩種類型的漸變&＃xff08;gradients&＃xff09;&＃xff1a;
1、線性漸變&＃xff08;Linear Gradients&＃xff09;- 向下/向上/向左/向右/對角方向&＃xff1b;
2、徑向漸變&＃xff08;Radial Gradients&＃xff09;- 由它們的中心定義。愛掏網(wǎng) - it200.com
?
▍demo.wxml
▍demo.wxss
.container{/* 內(nèi)邊距 */padding: 20rpx;
}.demo{/* flex布局 */display: flex;/* 對齊方式 */justify-content: center;/* 底部距離 */margin-bottom: 20rpx;/* 邊框 */border: 1rpx solid #888;/* 寬度 */width: 100%;/* 高度 */height: 200rpx;/* 行高 */line-height: 200rpx;/* 字體顏色 */color: white;/* 設(shè)置字間距 */letter-spacing: 5rpx;
}
▍線性漸變&＃xff1a;從上至下
.view11 {background: linear-gradient(red, blue);
}
?
聲明：所有內(nèi)容來自互聯(lián)網(wǎng)搜索結(jié)果,不保證100%準(zhǔn)確性,僅供參考。如若本站內(nèi)容侵犯了原著者的合法權(quán)益，可聯(lián)系我們進(jìn)行處理。