css渐变背景代码
CSS渐变背景可以让网页的彩更加丰富,使用起来也非常简单。以下是一些常用的CSS渐变背景代码。
1. 线性渐变
linear-gradient()函数可以创建线性渐变背景。
/* 上下渐变 */
background: linear-gradient(to bottom, #ffffff, #000000);
/* 左右渐变 */
background: linear-gradient(to right, #ffffff, #000000);
/* 对角线渐变 */
background: linear-gradient(to bottom right, #ffffff, #000000);
css简单网页代码
2. 径向渐变
radial-gradient()函数可以创建径向渐变背景。
/* 从中心往外径向渐变 */
background: radial-gradient(circle, #ffffff, #000000);
/* 从上往下径向渐变 */
background: radial-gradient(ellipse at center top, #ffffff, #000000);
3. 重复渐变
repeating-linear-gradient()和repeating-radial-gradient()函数可以创建重复渐变背景。
/* 重复线性渐变 */
background: repeating-linear-gradient(to bottom, #ffffff, #000000);
/* 重复径向渐变 */
background: repeating-radial-gradient(circle, #ffffff, #000000);
以上就是一些常用的CSS渐变背景代码,可以根据需要选择使用。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论