欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

什么是CSS3HSLA色彩模式

這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)什么是CSS3HSLA色彩模式，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

成都創(chuàng)新互聯(lián)公司是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、微信小程序、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十年以來，已經(jīng)為上1000家攪拌罐車各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的上1000家客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。

HSLA色彩模式是HSL色彩模式的擴展，在色彩，飽和度，亮度三要素的基礎(chǔ)上增加了不透明度參數(shù)。使用HSLA色彩模式，可以設(shè)計不同的透明效果。
語法：

hsla（<length>，<percentage>，<percentage>，<opacity>）

表示不透明度，取值在0和1之間。

實例：模擬漸變色條

XML/HTML Code復(fù)制內(nèi)容到剪貼板

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>HSLA Color</title>  
<style type="text/css">  
div {height:20px;}   
div:nth-child(1) { background:hsla(120,50%,50%,0.1); }   
div:nth-child(2) { background:hsla(120,50%,50%,0.2); }   
div:nth-child(3) { background:hsla(120,50%,50%,0.3); }   
div:nth-child(4) { background:hsla(120,50%,50%,0.4); }   
div:nth-child(5) { background:hsla(120,50%,50%,0.5); }   
div:nth-child(6) { background:hsla(120,50%,50%,0.6); }   
div:nth-child(7) { background:hsla(120,50%,50%,0.7); }   
div:nth-child(8) { background:hsla(120,50%,50%,0.8); }   
div:nth-child(9) { background:hsla(120,50%,50%,0.9); }   
div:nth-child(10) { background:hsla(120,50%,50%,1); }   
</style>  
</head>  
  
<body>  
<div></div>  
<div></div>  
<div></div>  
<div></div>  
<div></div>  
<div></div>  
<div></div>  
<div></div>  
<div></div>  
<div></div>  
</body>  
</html>

演示效果：

什么是CSS3HSLA色彩模式

上述就是小編為大家分享的什么是CSS3HSLA色彩模式了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章名稱：什么是CSS3HSLA色彩模式
文章地址：http://chinadenli.net/article12/ggpddc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、網(wǎng)站設(shè)計公司、微信公眾號、Google、電子商務(wù)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)