成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

網(wǎng)站前端制作之css3的漸變效果

2023-03-04    分類(lèi): 網(wǎng)站建設(shè)

漸變?cè)O(shè)計(jì)在背景的使用,可以體現(xiàn)出良好的視覺(jué)吸引力,幫助用戶理解設(shè)計(jì)所表達(dá)的內(nèi)容。在文本字體的中使用可以營(yíng)造出一個(gè)吸引人的焦點(diǎn),快速吸引注意力。漸變使用在圖片上的時(shí)候就可以使圖片更加出彩,從而導(dǎo)致整個(gè)網(wǎng)站在視覺(jué)上也加分不少。漸變的使用不僅可以引導(dǎo)瀏覽者的視線還可以令人記憶較為深刻。所以在網(wǎng)站的制作中也不可以避免的應(yīng)用到。
css3能實(shí)現(xiàn)的漸變效果有線性漸變、徑向漸變、重復(fù)的線性漸變、重復(fù)的徑向漸變,在網(wǎng)站制作的過(guò)程中,經(jīng)常需要用到,有的是作用做背景圖上,有的作用在字體上,有的直接作用在圖片上,當(dāng)需要作用在背景和字體上時(shí),就需要用到css 3做線性的漸變或者徑向的漸變,具體的需要根據(jù)設(shè)計(jì)而定。

CSS3漸變代碼

linear-gradient()
Direction方向或者角度
to left:設(shè)置的線性漸變是從右到左的,也是等于: 270deg
to right:設(shè)置的線性漸變是從左到右的,也是等于: 90deg
to top:設(shè)置的線性漸變是從下到上的,也是等于: 0deg
to bottom:設(shè)置的線性漸變是從上到下的,也是等于: 180deg。這是默認(rèn)值,相當(dāng)于不設(shè)置。
CSS3漸變代碼2
CSS3漸變代碼3
CSS3漸變效果
例如線下漸變分別如下:
重復(fù)的線性漸變?nèi)缦拢?br />CSS3漸變效果2
background-image: repeating-linear-gradient(#34b168, #8fc32010%, #346bae 20%);
CSS3漸變代碼6
徑向漸變?nèi)缦拢?br />shape形狀,可以設(shè)置為是 circle 或 ellipse,默認(rèn)是ellipse。
size是漸變的大小,可以設(shè)置closest-side、farthest-side、closest-corner和farthest-corner。
HTML代碼
CSS代碼
展示效果
例如:
重復(fù)的徑向漸變?nèi)缦拢?br />效果

分享題目:網(wǎng)站前端制作之css3的漸變效果
標(biāo)題網(wǎng)址:http://jinyejixie.com/news/241453.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站收錄外貿(mào)網(wǎng)站建設(shè)、定制開(kāi)發(fā)、外貿(mào)建站、網(wǎng)站維護(hù)

廣告

聲明:本網(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)

成都做網(wǎng)站
丁青县| 德钦县| 安顺市| 内丘县| 桓仁| 张家港市| 遂宁市| 乐都县| 太和县| 桓台县| 漳平市| 逊克县| 大洼县| 邵东县| 额济纳旗| 巴林右旗| 逊克县| 阿克陶县| 永福县| 寿宁县| 穆棱市| 吴堡县| 祁东县| 会宁县| 剑阁县| 汾西县| 泗水县| 六枝特区| 伊春市| 嘉禾县| 左贡县| 深泽县| 文成县| 肥城市| 罗定市| 年辖:市辖区| 合水县| 望都县| 海兴县| 和田县| 拜城县|