博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Opacity函数-transparentize()、 fade-out()函数
阅读量:7121 次
发布时间:2019-06-28

本文共 541 字,大约阅读时间需要 1 分钟。

transparentize() 和 fade-out() 函数所起作用刚好与 opacify() 和 fade-in() 函数相反,让颜色更加的透明。这两个函数会让透明值做减法运算,当计算出来的结果小于 0 时会以 0 计算,表示全透明。

>> transparentize(red,.5)rgba(255, 0, 0, 0.5)>> transparentize(#fde,.9)rgba(255, 221, 238, 0.1)>> transparentize(rgba(98,233,124,.3),.11)rgba(98, 233, 124, 0.19)>> transparentize(rgba(98,233,124,.3),.51)rgba(98, 233, 124, 0)>> fade-out(red,.9)rgba(255, 0, 0, 0.1)>> fade-out(hsla(98,6%,23%,.5),.1)rgba(58, 62, 55, 0.4)>> fade-out(hsla(98,6%,23%,.5),.6)rgba(58, 62, 55, 0)

 

转载于:https://www.cnblogs.com/qjuly/p/9125405.html

你可能感兴趣的文章
机器学习笔记(6):多类逻辑回归-使用gluon
查看>>
【CLR】解析AppDomain
查看>>
[React Native] Prevent the On-screen Keyboard from Covering up Text Inputs
查看>>
hashMap 根据已有知识知道的
查看>>
使用脚本关闭订单头
查看>>
FusionChart 保存图片
查看>>
基于mini2440的两种触屏中断程序(T35)
查看>>
C++ Profiler工具之初体验
查看>>
SQLSERVER是怎麽通过索引和统计信息来找到目标数据的(第二篇)
查看>>
ubuntu下定时执行工具cron开启关闭重启
查看>>
c# lock的使用及注意事项
查看>>
【spring】在servlet中注入spring的bean,servlet容器和spring容器
查看>>
转:Assertion failure in -[UITableView _configureCellForDisplay:forIndexPath:]
查看>>
开源的数据可视化JavaScript图表库:ECharts
查看>>
Android学习系列(11)--App列表之拖拽ListView(下)
查看>>
C#-老生常谈的 值类型与引用类型
查看>>
很好的理解遗传算法的样例
查看>>
Spring 3 MVC: Themes In Spring-Tutorial With Example---reference
查看>>
String path = request.getContextPath
查看>>
MVC学习二:基础语法
查看>>