<p class="zw">在艺术学校的时候,我就不是敏感的学生,你可能猜到我想要说什么了。而我的朋友Ben,就特别聪明,他使用了几百层的颜色创作出十分绚丽的作品。在CSS里面,RGBa同样可以帮助我们来调节颜色和增加深度。</p> <p class="zw">RGBa是红绿蓝和alpha通道的简称。alpha是一个介于0和1之间的值,用来表示不透明度。如果你使用过Photoshop或者sketch,你应该使用过alpha不透明度。</p> <p class="zw">在Get Hardboiled网站上,背景面板颜色的不透明度是<code>0.95</code>。通过增加一个alpha通道,让RGB变成RGBa。</p> <pre class="代码无行号"><code>.item__description { background-color : rgba(223,225,226,0.95); }</code></pre> <p class="图"><img alt="1303.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/112.jpg"></p> <p class="图题">在Sketch中,将图层设置为半透明。</p> <p class="zw">通过使用RGBa来改变颜色的不透明度,这让设计变得优雅起来。</p>