CSS3實用頁面排版美化小技巧-企億推網站建設公司

黑白圖像

這個代碼會讓你的彩色照片顯示為黑白照片。很酷嗎？

img.desaturate

頁面頂部的陰影

下面這個簡單css3代碼片段可以在網頁上添加美麗的頂部陰影效果：

body:before

一切都垂直于中間

垂直居中所有元素太簡單了:

html,body

body

注意：在IE11中要小心flexbox。

文本漸變

文本漸變效果非常流行，使用CSS3可以簡單地實現：

h2[data-text]

h2[data-text]::after

禁止鼠標事件

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

disabled

模糊文本

文本模糊效果簡單但美觀，簡單美觀！

blur