1. 黑白影象
這段**會讓你的彩色**顯示為黑白**，是不是很酷？
複製**
**如下:
img.desaturate
2.頁面頂部陰影
下面這個簡單的 css3 **片段可以給網頁加上漂亮的頂部陰影效果：
複製**
**如下:
body:before
3.所有一切都垂直居中
要將所有元素垂直居中，太簡單了：
複製**
**如下:
htmlykcwvximf, body
body
看，是不是很簡單。
注意：在ie11中要小心flexbox。
4.文字漸變
文字漸變效果很流行，使用 css3 能夠很簡單就實現：
複製**
**如下:
h2[data-text]
h2[data-text]::after
5.禁用滑鼠事件
css3 新增的 pointer-events 讓你能夠禁用元素的滑鼠事件，例如，乙個連線如果設定了下面的樣式就無法點選了。
複製**
**如下:
.disabled
6.模糊文字
簡單但很漂亮的文字模糊效果，簡單又好看！
複製**
**如下:
.blur
本文標題: 分享幾個css小眾但炫酷的技巧
本文位址:
幾個炫酷且實用的CSS動畫效果
效果圖 滑鼠滑入按鈕時，按鈕中原本的文字從下方滑走，同時在原位置上，按鈕文字單個挨個浮現。原本文字和後面單個浮現的文字內容可不一致，可根據需要進行調整 實現思路 用div模擬button按鈕，並將按鈕文字單個單個的放在其子元素span中，用於後面的單個顯示。而滑鼠沒有觸發時的靜止狀態文字則由div按...
linux工具分享 酷炫的文字工具Figlet
安裝方法 sudo apt install figlet簡單用法 figlet genomicfuture公升級版改變字型 figlet f script genomicfuture字型示例在 字型庫位址在 再公升級版自定義字型 使用tr命令替換使用的字元 figlet f lean genomic...
CSS 實現炫酷的動態背景效果
活不多說，直接開始 效果圖 乙個萬能的div class bgc div 主要是css部分 使用background屬性 純色線性漸變 linear gradient 徑向漸變 radial gradient 角向漸變 conic gradient 多重線性漸變 repeating linear g...