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

網(wǎng)站前端頁(yè)面制作中常用的偽類效果

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

一個(gè)絢麗多彩的頁(yè)面,少不了頁(yè)面中各種各樣的效果組成,頁(yè)面中的效果除了html里面的布局組成,還需要css中的各種屬性等。譬如,頁(yè)面中的一些常見(jiàn)的效果可以用偽類來(lái)實(shí)現(xiàn)。而偽類和偽元素看起來(lái)又很相似,偽類和偽元素的區(qū)別,偽類和偽元素都可以用來(lái)設(shè)置對(duì)象的內(nèi)容,表示偽類對(duì)象,不過(guò)在語(yǔ)法上,偽類是前面加一個(gè)冒號(hào),偽元素是前面加兩個(gè)冒號(hào),偽元素是所設(shè)置的元素的新創(chuàng)建的子元素,屬于虛擬元素,而偽類是只有觸發(fā)條件才看到的。

頁(yè)面中一些用偽類實(shí)現(xiàn)的常見(jiàn)效果有很多,譬如:設(shè)置偽類:after來(lái)實(shí)現(xiàn)做出一個(gè)提示框中的三角箭頭,效果如下圖:

CSS樣式

Css的樣式如下圖:
這個(gè)效果是使用偽類根據(jù)三角形的指向設(shè)置三條邊框的顏色,大小的,而指向的那方向的邊框無(wú)需設(shè)置。其中兩條邊框的顏色設(shè)置為透明,余下的那條設(shè)置的邊框顏色與箭頭里的顏色一致。然后再設(shè)置位置的定位的偏移值。如果不想設(shè)置邊框的,可以設(shè)置一張背景圖片。

前端效果2

也可以使用偽類設(shè)置關(guān)于邊框的動(dòng)畫(huà)效果,鼠標(biāo)懸停時(shí)邊框顏色改變,而從中間像兩邊移動(dòng),效果如下圖,分別是懸停之前的樣式,懸停過(guò)程中的樣式,最后懸停時(shí)的樣式。

CSS制作代碼1

Css的樣式如圖:

還有在頁(yè)面中很常見(jiàn)的盒子陰影,也可以用設(shè)置偽類的透明度來(lái)實(shí)現(xiàn),先設(shè)置盒子的陰影、設(shè)置透明度為0,鼠標(biāo)懸停時(shí),透明度設(shè)置為1,效果如下圖示:

CSS代碼3

網(wǎng)頁(yè)標(biāo)題:網(wǎng)站前端頁(yè)面制作中常用的偽類效果
標(biāo)題網(wǎng)址:http://jinyejixie.com/news28/246278.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗(yàn)建站公司、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司響應(yīng)式網(wǎng)站

廣告

聲明:本網(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)站建設(shè)網(wǎng)站維護(hù)公司
华蓥市| 商都县| 福贡县| 太湖县| 胶南市| 玉环县| 塘沽区| 柞水县| 云安县| 肇源县| 宁南县| 兴安盟| 武义县| 内江市| 刚察县| 锡林浩特市| 调兵山市| 浏阳市| 天津市| 扬州市| 咸阳市| 阿克| 台中市| 申扎县| 临沧市| 富民县| 柘城县| 章丘市| 北宁市| 张家口市| 涞水县| 江口县| 柳江县| 德化县| 麟游县| 峡江县| 石嘴山市| 公安县| 弥渡县| 丹东市| 晋江市|