這篇“css3怎么實(shí)現(xiàn)透明效果”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“css3怎么實(shí)現(xiàn)透明效果”文章吧。

在扎賚諾爾等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都全網(wǎng)營(yíng)銷推廣,外貿(mào)網(wǎng)站建設(shè),扎賚諾爾網(wǎng)站建設(shè)費(fèi)用合理。

 一 css3透明

css3中可以通過(guò)設(shè)置RGBA來(lái)實(shí)現(xiàn)透明效果.

RGBA在RGB的基礎(chǔ)上加入Alpha通道,通過(guò)設(shè)置Alpha值可以實(shí)現(xiàn)透明效果.

rgba(255,255,255,0)

R:紅色值. 正整數(shù)或百分比

G:綠色值. 正整數(shù)或百分比.

B:藍(lán)色值.正整數(shù)或百分比.

A:透明度.取值0~1之間.

html代碼

<nav>

<ul>

<li><a href="#">加油</a></li> <!--href="#"是鏈接本頁(yè)的意思,會(huì)跳到頁(yè)面開(kāi)始的地方,但是不會(huì)刷新網(wǎng)頁(yè)-->

<li><a href="#">努力</a></li>

<li><a href="#">奮斗</a></li>

<li><a href="#">自強(qiáng)</a></li>

</ul>

</nav>

css代碼:

nav  ul{  background:linear-gradient(90deg,rgba(255,255,255,0)0%,rgba(255,255,255,0.2)25%,rgba(255,255,255,0.2)75%,rgba(255,255,255,0)100%);

box-shadow:0 0 25px rgba(0,0,0,0.1),

inset 0 0 1px rgba(255,255,255,0.6); }

nav ul li{display:inline-block;}

nav ul li a{padding:10px; color:#FFFFFF; font-size:18px; font-family:Arial; text-decoration:none; display:block;}

由于使用了display:inline-block;所以這個(gè)無(wú)序列表顯示在了一行里面.如果去掉nav  ul li{display:inline-block;},當(dāng)然這行代碼也可是寫(xiě)成 li{ display: inline-block; }  li元素嵌套在nav元素和ul元素里面.

二 css3文本陰影

text-shadow屬性定義一個(gè)或多個(gè)以逗號(hào)分隔的陰影效果,應(yīng)用于當(dāng)前元素的文本內(nèi)容.

text-shadow屬性格式:text-shadow:x-offset(必需) y-offset(必需) blur(可選) color(可選);

color值不是必需的,但由于文本陰影的默認(rèn)值是透明的,除非指定顏色值,否則不會(huì)顯示文本陰影.

css代碼:

p.text-shadow{text-shadow:-10px 5px 5px red;font-size:20px; }

text-shadow屬性可以通過(guò)","逗號(hào)分割同時(shí)創(chuàng)建的多個(gè)陰影.

在css3中越先定義的陰影效果會(huì)被放置在越頂層(別的陰影的上面),反正則相反.

以上就是關(guān)于“css3怎么實(shí)現(xiàn)透明效果”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁(yè)題目：css3怎么實(shí)現(xiàn)透明效果
分享URL：http://aaarwkj.com/article8/jjgpop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營(yíng)銷推廣、Google、面包屑導(dǎo)航、服務(wù)器托管、虛擬主機(jī)、企業(yè)建站

廣告

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