首页
科技
生活
职业
教育
资讯
关于
PS
WPS
WORD
EXCEL
PPT
CAD
DW
CSS
JS
PHP
数据库
更多
展开

css样式背景渐变透明怎么实现

发布于 2022-12-18 15:59:29     浏览 550 次

css样式背景渐变透明怎么实现
div设置渐变透明背景色，可以使用linear-gradient()方法实现，以下介绍具体实现过程。

适用环境：

型号：台式机
系统：win10
版本：css3

问题解析：

【】

1、 linear-gradient
css中，可利用“linear-gradient()”函数和“transparent”透明值实现渐变透明的效果，只需要给元素添加“background-image:linear-gradient(颜色值,transparent)”样式即可。语法：
background-image: linear-gradient(direction, color1,color2,...,transparent);
参数：
direction：渐变方向，可以是to right、to left标识，也可以是角度值180deg。
color1-n：颜色值，可以是#ff0000，也可以是red颜色标识。
transparent：渐变透明。
案例：
<div></div>
<style>
    div{ width:100px; height: 100px; background-image:linear-gradient(to right,#ff0000,transparent); }
</style>
 
▼
css样式背景渐变透明怎么实现
css中，可利用“linear-gradient()”函数和“transparent”透明值实现渐变透明的效果，只需要给元素添加“background-image:linear-gradient(颜色值,transparent)”样式即可。

插件/素材：

点击下载

相关推荐

猜你可能喜欢

点击加载更多