Applied Visual Design: Create a Gradual CSS Linear Gradient
background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...)
The first argument specifies the direction from which color transition starts - it can be stated as a degree, where 90deg makes a vertical gradient and 45deg is angled like a backslash.
The following arguments specify the order of colors used in the gradient.
Example:
background: linear-gradient(90deg, red, yellow, rgb(204, 204, 255));
練習代碼如下：
<style> div { border-radius: 20px; width: 70%; height: 400px; margin: 50px auto; background: linear-gradient(35deg, #ccffff, #ffcccc); } </style> <div></div>
效果如下：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/116162.html
標籤：Html/Css
上一篇：vue 全域掛載組件
下一篇：FCC---Create Texture by Adding a Subtle Pattern as a Background Image