常用三种写透明度的方法

最新推荐文章于 2023-07-04 10:21:23 发布
最新推荐文章于 2023-07-04 10:21:23 发布
阅读量1k 收藏 1
点赞数
原文链接：http://www.cnblogs.com/javenlee/p/9354291.html
版权

1、opacity

    直接opacity：0.6，表示60%的透明度

2、转换成raba色值

例子：黑色的50%透明度：  raba（0,0,0,.5）

3、用fade（比较方便，多用于less中）

 例子：要求边框颜色为#0E97EC并且透明度15%，可以用以下写法

 border:1px solid fade(#0E97EC,15%) ; 这种写法也方便抽取less变量

 

转载于:https://www.cnblogs.com/javenlee/p/9354291.html

weixin_30845171
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css如何设置透明度？设置透明度的两种方法（代码实例）
web前端入门基础进阶教程-htmlcssjs
06-22 8248
在前端页面开发布局的时候，为了给用户呈现不同的效果，经常需要设置透明度，那么css是怎样设置透明度的？本章给大家介绍用css设置透明度的两种方法（代码实例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 一、css rgba()设置颜色透明度 语法： 1rgba（R,G,B,A）; RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。
透明度的写法
weixin_33860147的博客
10-26 247
1，background:rgba(193,193,193,0.8); 2，filter:alpha(opacity=50); /*IE滤镜，透明度50%*/ -moz-opacity:0.5; /*Firefox私有，透明度50%*/ opacity:0.5;/*其他，透明度50%*/ 转载于:https://www.cnblogs.com/xiaoyunyun/p/491136...
Android透明度的三种表示方式
根号三
01-05 2365
abdroid透明度的三种表示方式：0.0~1.0；00~ff；0~255，左端点统一表示完全透明，右端点统一表示完全不透明。
CSS笔记
M_L_H的博客
05-04 260
CSS 一、CSS简介 1. 什么是CSS CSS：Cascading Style Sheet 层叠样式表 是一组样式设置的规则，用于控制页面的外观样式 2. 为什么使用CSS 实现内容与样式的分离，便于团队开发 样式复用，便于网站的后期维护 页面的精准控制，让页面更精美 3. CSS作用 页面外观美化 布局和定位 二、基本用法 1. CSS语法 <head> <...
html背景颜色透明度代码,css里定义背景色全透明或半透（background）方法
热门推荐
weixin_39606019的博客
06-09 1万+
原创：张荣国我们做网页，多数在css定义，说到背景色，一般大家都知道用：background或background-color加颜色码或颜色英文定义比如：背景色为黑色就是：background: #000000;background-color: #000000;background: black;background-color: black;以上都是可以的。但随着css的版本越高，我们现在不仅...
常用的四种CSS透明属性介绍
12-13
如下代码： 复制代码代码如下:.mask-layer { filter:alpha(opacity=50); -moz-opacity:0.5;... 这个是为IE6设的，可取值在0-100，其它三个0到1.-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。-khtm
建筑效果图常用配景后期处理方法总结
04-07
建筑效果图常用配景后期处理方法总结 一、绿化的处理方法 （一）树木的处理方法 1. 处理原则：处理好近大远小的透视关系和近实远虚的空间关系。远景、中景和近景的树木应通过形体比例、色彩明暗、饱和度、对比度...
android 对话框弹出位置和透明度的设置具体实现方法
01-20
在Android开发中，对话框（Dialog）是一种常用的用户交互组件，用于向用户展示临时信息或者进行简单的选择操作。本文将详细介绍如何设置对话框的弹出位置和透明度，以达到更具个性化的用户体验。 首先，要改变...
JQuery 常用方法和事件详细介绍
10-27
`fadeTo()`方法的`opacity`参数是介于0和1之间的浮点数，用于设定目标不透明度。 ### 回调函数的使用 在涉及动画的JQuery方法中，经常使用回调函数。回调函数会在动画完成之后立即执行，防止因动画未完成而引发的...
Android 实现透明度
Android 领域开发程序员，希望通过写博客的方式不断的总结提升自己，大家共同进步哦！
07-04 2193
Color类有个方法 Color.argb((alpha, red, green, blue)，其中为透明度和三原色，他们的取值都是0～255，所以，十六进制的计算就和这个0～255有关，所以，16的透明度，就等于0.16乘以255约等于41，41的十六进制就是2个16再加个9，就是29.开发时，UI上的一些布局总需要设置他是有一定的透明度的，有些UI不会给AHEX的代码，只有无透明度的HEX颜色代码，我也懒得去算，每次都要去网上查，所有今天自己总结一份，下次懒得再去找了。
Android 颜色透明度
学无止境
12-04 582
背景 开发的都知道，UI微调都是令人头痛的，尤其是颜色的微调。 如果视觉稿直接给颜色值那倒没啥，可怕的是后面还有标了透明度，而且视觉还原后发现颜色太透明了，要你透明度再调调，这才烦人。我总不能记住100个透明度的值吧。 一次计算，无数次使用，这文章，稳了。 正文 Android中的颜色值一般格式是：#AARRGGBB。AA就是透明度值（这里我只聊透明度）。 1. 透明度的计算 透明度分为256个等级，即0 - 256，0就是透明，255就是不透明 透明度（透明）0 –> 255（不..
颜色透明度对应的十六进制表示法
勤劳是一种习惯
08-16 1万+
颜色透明度对应的十六进制表示法 对于好看的ui效果，会经常使用透明度的，所以掌握常用的16进制来表示颜色透明度是很有必要的。 常用的 0% 透明度表示完全不透明，不透明度为255，对应十六进制FF 10%透明度为 1A，20%透明度为 33， 30%透明度为 4D，40%透明度为 66， 50%透明度为 80，60%透明度为 99， 70%透明度为 B3，80%透明度为 CC， ...
android ARGB的透明度A的16进制参考表
u013450131的博客
03-16 2478
透明度参照表； 00%=FF（不透明） 5%=F2 10%=E5 15%=D8 20%=CC 25%=BF 30%=B2 35%=A5 40%=99 45%=8c 50%=7F 55%=72 60%=66 65%=59 70%=4c 75%=3F 80%=33 85%=21 90%=19
html中透明度怎么写,css中控制透明度
weixin_35674742的博客
05-31 536
CSS中如何控制层的透明度？在CSS样式中设置背景的透明度,下面一个具体的实例。把类为box的层设为透明。 .box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3; -moz-opacity:0.3;-kh...
java带透明度的颜色_颜色透明度从100%-0%
weixin_33406440的博客
02-27 1344
100% — FF99% — FC98% — FA97% — F796% — F595% — F294% — F093% — ED92% — EB91% — E890% — E689% — E388% — E087% — DE86% — DB85% — D984% — D683% — D482% — D181% — CF80% — CC79% — C978% — C777% — C476% — C...
java：调节图片透明度（支持透明背景）
简之易安的博客
04-08 6320
java调节图片透明度 最近做项目遇到图片要做透明度处理，在csdn搜了搜有很多案例可以调节，但缺点调节的图片是透明背景的话，则调整后背景色为黑色（透明处理后的黑色），究其原因是 BufferedImage output = new BufferedImage(w, h, BufferedImage.TYPE_INT_ARGB); 这句的TYPE_INT_ARGB默认色是（255，255，255）...
Android中16进制颜色代码透明度表示方法
qq_31766013的博客
02-23 652
1 透明度参照表   00%=FF（不透明）    5%=F2    10%=E5    15%=D8    20%=CC    25%=BF     30%=B2    35%=A5    40%=99    45%=8c    50%=7F 55%=72    60%=66    65%=59    70%=4c    75%=3F    80%=33     85%=21    90%=19...
CSS3 之 RGBa 可透明颜色
diqigou2000的博客
12-19 739
在 CSS3 中，增加了一个 opacity 属性，允许开发者设置元素的透明度，现在 opacity 已被主流的现代浏览器支持，但 opacity 会把被设置的元素及其子元素同时设置为同一个透明度，这样的透明规则相当不灵活，在实际开发中往往也是会遇到很多麻烦。其实，在 CSS3 中还有另外一套颜色透明解决方案 —— RGBa 。相对于 opacity ，RGBa 可以在单个元素上设置透明...
css颜色逐渐透明怎么写
最新发布
08-14
以上是实现颜色逐渐透明的两种常用方法。通过调整透明度值的大小，可以实现不同透明程度的效果，并在设计中产生丰富的视觉效果。 ### 回答3： 在CSS中，颜色逐渐透明可以通过使用RGBA或HSLA颜色模式来实现。 1. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值