技术标签： html如何设置按钮背景为透明
> 有时候我们的样式需要一点渐变的效果~比如下面的按钮
------------
### 1、css 设置按钮 背景色渐变
```css
#1.线性渐变
linear-gradient(a, color...)
#2.重复的线性渐变
repeating-linear-gradient
#3.径向渐变
radial-gradient
#4.重复的径向渐变
repeating-radial-gradient
```
#### 1.1 线性渐变
语法：
```css
background: linear-gradient(direction, color-stop1, color-stop2, ...)
#direction:to bottom right/left top
#或者 角度
background: linear-gradient(angle, color-stop1, color-stop2);
#angle:180deg
```
颜色 支持透明
rgba(255,0,0,0)
例子：
`background-image: linear-gradient(-90deg, #00C8BE 2%, #3FC3ED 96%);`
------------
#### 1.2 径向渐变
```css
background: radial-gradient(center, shape size, start-color, ..., last-color);
```
径向渐变由它的中心定义。
为了创建一个径向渐变，你也必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时，你也可以指定渐变的中心、形状(圆形或椭圆形)、大小。默认情况下，渐变的中心是 center(表示在中心点)，渐变的形状是 ellipse(表示椭圆形)，渐变的大小是 farthest-corner(表示到最远的角落)。
shape 参数定义了形状。它可以是值 circle 或 ellipse。其中，circle 表示圆形，ellipse 表示椭圆形。默认值是 ellipse。
------------
PS:
```css
-moz代表firefox浏览器私有属性
-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性
-o opera 欧鹏浏览器
-webkit-linear-gradient
-o-linear-gradient
-moz-linear-gradient
```
------------
### 2、css 设置 背景色透明
```css
background: rgba(0, 0, 0, 0.5);
opacity:0.4;
filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
```
有opacity属性的所有后代元素都会继承 opacity 属性，而RGBA后代元素不会继承不透明属性
------------
The End~
文章浏览阅读2.1k次，点赞2次，收藏2次。笔记型博客之spring-声明式事务_spring容器事务
文章浏览阅读861次，点赞15次，收藏19次。总之，1444-DYN04-01RA AB 控制器传感器是一款功能强大、可靠稳定的传感器，适用于各种旋转和往复机械的监测和控制。它的应用可以提高机械的运行效率和安全性，为工业生产和能源领域的发展提供有力支持。此外，1444-DYN04-01RA AB 控制器传感器还具有友好的人机界面，可以方便地进行操作和维护。1444-DYN04-01RA AB 控制器传感器是一款用于监测旋转和往复机械的传感器，可以测量振动和压力等动态输入以及轴位移、偏心和活塞杆沉降等静态输入。_1444-dyn04-01ra手册
文章浏览阅读5k次，点赞26次，收藏164次。一、自我介绍 第一篇文章，先做一个简短的自我介绍。目前笔者就读于西电本科三年级，攻读电子信息工程方向。之前一直苦于学过的、做过的东西总会随着时间大浪淘沙，因此想在CSDN这个平台上记录下这些东西，方便日后温故知新，同时也希望自己记录的东西能帮到同行者，与诸君共勉！二、学习任务及内容 学习FPGA一个月有余，最近在着手老师布置的最后一个学习任务：利用FPGA的DDS核产生两个不同频率的点频信号叠加后进行频谱分析（使用FFT核），然后设计FIR滤..._vivado fir的输出当作fft的输入
文章浏览阅读445次。Handler、MessageQueue、Runnable与Looper的个人总结工作原理Handler发送消息到MessageQueue中，Looper不断获取MessageQueue中的一个Message，然后分发给Handler去处理。这几个对象和线程的关系为：每个Thread 只对应一个Looper每个Looper 只对应一个MessageQueue每个MessageQueue包含了N_runnable run looper.praper
文章浏览阅读298次。失去梦想的人，犹如一颗寂寞的流星，不知流落何方。为了梦想，我甘愿放弃生活，像凡?高一样视艺术如生命。为了梦想，他吃尽了苦头，遭遇了无数的挫败。渐渐地，梦想的火花渐渐微弱。大学选专业也是令人头疼的一大问题，选不好专业势必会影响到未来的就业，虽然毕业后就业未必会从事相关专业的工作，但是对于很多普通人来说，选择相关专业领域就业会更有保障一些。毕竟，步入社会重新学习新的知识也是一个很漫长的过程。大学中最烧..._职高计算计要买吗
文章浏览阅读1.6k次。说明：将一个工控机ubuntu16.04系统备分到其他工控机后者电脑上。新电脑磁盘容量需大于等于备份文件，一般都会满足。制作ubuntu16.04启动U盘U盘启动，启动原工控机进入BIOS，U盘启动系统，进入Try ubuntu。挂载原工控机硬盘，并打包原系统文件（linux系统全都是文件形式）(1) $sudo fdisk -l命令查看磁盘符号，一般较大容量的硬盘为系统盘（单个硬盘工控机）原工控机磁盘结构如下：主磁盘盘符是/dev/sda(2) $sudo passwd命令设置root_ubuntu 16.04系统修复
文章浏览阅读7.3w次，点赞90次，收藏216次。由于Pytorch不像TensorFlow有谷歌巨头做维护，很多功能并没有很高级的封装，比如说没有tf.one_hot函数。本篇介绍将一个mini batch的label向量变成形状为[batch size, class numbers]的one hot编码的两种方法，涉及到tensor.scatter_tensor.index_select使用scatter_获得one hot 编码..._label变为onehot
文章浏览阅读3.7k次。与大家分享一套影视级调色预设 Triune Color Cinematic LUTs V2。兼容ps,fcpx,pr,ae,lr等后期视频和图像处理软件，帮助大家轻松实现电影级调色，让作品获得更震撼、更高级的色彩表现。原文及下载地址：https://www.mac69.com/cj/1287.html影视级调色预设 Triune Color Cinematic LUTs V2 官方介绍..._triune color cinematic luts
文章浏览阅读3.3k次，点赞2次，收藏5次。Go 检测密码强度。_go密码复杂度验证
文章浏览阅读1.5k次。埃斯顿机器人调试作业指导书埃斯顿机器人调试作业指导书1、 目的为了保证成品机器人的质量，特制定本标准。2、适用范围该规范适用于所有产品机器人调试流程。3、引用标准GB/T 5226.1-2002 机械安全机械电气设各第1部分:通用技术条件4、调试步骤4.1首先核对电柜序列号、型号与与机器人本体是否相符。4.2确认机器人控制柜检验合格。参考《埃斯顿机器人成品电柜检验流程》。(注：电柜通过《埃斯顿机器..._埃斯顿机器人修改系统网址
文章浏览阅读1.2k次。文件名大小更新时间ROSTCM6.exedict/1.datdict/2.datdict/3.datdict/4.datdict/5.datdict/6.datdict/8.datdict/9.datdict/F.datdict/new.datdict/s.datdict/SSCItitle.txtdict/Z.datsample/模拟群(437343630).txtuser/Feature.tx..._rostcm6.exe
文章浏览阅读1.8w次，点赞46次，收藏371次。前后端参数传递总结（@RequestParam @RequestBody@PathVariable @RequestHeader ）@RequestParam@RequestBody合理的创建标题，有助于目录的生成如何改变文本的样式@RequestParam@RequestParam 常用来处理简单类型的绑定，通过Request.getParameter() 获取的String可直接转换为简单类型的情况（ String–> 简单类型的转换操作由ConversionService配置的转换器来完成_pathvariable前端传参