CSS3實(shí)用頁(yè)面排版美化小技巧-企億推網(wǎng)站建設(shè)公司

黑白圖像

這個(gè)代碼會(huì)讓你的彩色照片顯示為黑白照片。很酷嗎？

img.desaturate

頁(yè)面頂部的陰影

下面這個(gè)簡(jiǎn)單css3代碼片段可以在網(wǎng)頁(yè)上添加美麗的頂部陰影效果：

body:before

一切都垂直于中間

垂直居中所有元素太簡(jiǎn)單了:

html,body

body

注意：在IE11中要小心flexbox。

文本漸變

文本漸變效果非常流行，使用CSS3可以簡(jiǎn)單地實(shí)現(xiàn)：

h2[data-text]

h2[data-text]::after

禁止鼠標(biāo)事件

CSS3新增的pointer-events鼠標(biāo)事件允許您禁用元素，例如，如果設(shè)置了以下樣式，則無(wú)法單擊連接。

disabled

模糊文本

文本模糊效果簡(jiǎn)單但美觀，簡(jiǎn)單美觀！

blur