css3中渐变怎么改变角度

WBOY
发布: 2022-04-28 14:45:03
原创
2182 人浏览过

在css3中,可以用“linear-gradient”函数来改变渐变的角度,该函数用于创建一个表示两种或多种颜色线性渐变的图片,第一个参数用于设置渐变的角度或方向,语法为“颜色属性:linear-gradient(渐变角度,颜色...)”。

css3中渐变怎么改变角度

本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。

css3中渐变怎么改变角度

linear-gradient线性渐变的语法为:

background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
登录后复制

其中主要参数是:

direction 用角度值指定渐变的方向(或角度)。

color-stop1, color-stop2,... 用于指定渐变的起止颜色。

示例如下:

    123  
  

线性渐变 - 使用不同的角度

0deg

90deg

180deg

-90deg

注意: Internet Explorer 9 及之前的版本不支持渐变。

登录后复制

输出结果:

888.png

(学习视频分享:css视频教程

以上是css3中渐变怎么改变角度的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!