中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

CSS3實用頁面排版美化小技巧

2022-11-26    分類: 網(wǎng)站建設(shè)

網(wǎng)站建設(shè)- 建站教程 - 網(wǎng)頁設(shè)計- CSS3實用頁面排版美化小技巧
1. 黑白圖像
這段代碼會讓你的彩色照片顯示為黑白照片,是不是很酷?
img.desaturate {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);

}


2.頁面頂部陰影
下面這個簡單的 css3 代碼片段可以給網(wǎng)頁加上漂亮的頂部陰影效果:
body:before {
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;

-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
box-shadow: 0px 0px 10px rgba(0,0,0,.8);

z-index: 100;

}


3.所有一切都垂直居中
要將所有元素垂直居中,太簡單了:
html, body {
height: 100%;
margin: 0;
}

body {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: flex;

}

注意:在IE11中要小心flexbox。


4.文本漸變
文本漸變效果很流行,使用 CSS3 能夠很簡單就實現(xiàn):
h2[data-text] {
position: relative;
}
h2[data-text]::after {
content: attr(data-text);
z-index: 10;
color: #e3e3e3;
position: absolute;
top: 0;
left: 0;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),
color-stop(50%, rgba(0,0,0,1)),
to(rgba(0,0,0,0)));

}


5.禁用鼠標事件
CSS3 新增的 pointer-events 讓你能夠禁用元素的鼠標事件,例如,一個連接如果設(shè)置了下面的樣式就無法點擊了。
.disabled {
pointer-events: none;

}


6.模糊文本
簡單但很漂亮的文本模糊效果,簡單又好看!
.blur {
color: transparent;
text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

網(wǎng)站題目:CSS3實用頁面排版美化小技巧
本文URL:http://m.rwnh.cn/news4/216854.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標簽優(yōu)化、網(wǎng)站設(shè)計公司手機網(wǎng)站建設(shè)、用戶體驗軟件開發(fā)、品牌網(wǎng)站設(shè)計

廣告

聲明:本網(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)站托管運營
乌苏市| 杨浦区| 东山县| 永州市| 万源市| 汝城县| 习水县| 台江县| 宕昌县| 湘阴县| 多伦县| 永定县| 扎兰屯市| 手机| 江都市| 珲春市| 通山县| 吴忠市| 陇西县| 文安县| 封丘县| 特克斯县| 保亭| 阳山县| 南陵县| 昂仁县| 百色市| 星座| 沈丘县| 中牟县| 临汾市| 崇左市| 四川省| 苏尼特左旗| 依安县| 十堰市| 疏勒县| 赣榆县| 英吉沙县| 呼和浩特市| 松原市|