CSS3漸變是一種非常有用的樣式技術,可以幫助我們創建出多彩的背景效果。下面是一些常用的CSS3漸變代碼:
線性漸變:
background-image: linear-gradient(to bottom, #00ffff, #007f7f);
徑向漸變:
background-image: radial-gradient(circle, #ff0000, #0000ff);
重復線性漸變:
background-image: repeating-linear-gradient(to right, #ff00ff, #ffff00 20%);
漸變終止顏色:
background-image: linear-gradient(to right, #000000, #ffffff 80%, rgba(255, 255, 255, 0));
多個漸變方向:
background-image: linear-gradient(to top right, #ff0000, #00ff00, #0000ff);
透明度漸變:
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);以上是一些常用的CSS3漸變代碼,它們可以用于設置元素的背景色。在實際應用中,我們還可以將這些代碼與其他CSS屬性一起使用,以創建出更加復雜和精美的網頁設計效果。
上一篇css3漸變縮寫
下一篇css3漸變背景 常用