CSS3是CSS的升級版,提供了更多的樣式和效果,其中包括模糊效果。
.blur{ filter: blur(5px); }
以上是一個簡單的代碼示例,可以讓一個div元素模糊化。其中,blur是CSS3提供的模糊效果函數,可以調整模糊程度,這里設置的是5px。
需要注意的是,模糊效果不支持所有瀏覽器,需要添加瀏覽器前綴來兼容不同的瀏覽器。如下:
.blur{ -webkit-filter: blur(5px); /* Safari, Chrome */ filter: blur(5px); /* 其他瀏覽器 */ }
除了模糊效果,CSS3還提供了很多其他的視覺效果,如邊框效果、動畫效果等,可以讓網頁更加生動、豐富。
需要注意的是,雖然CSS3提供了更多的效果和樣式,但是并不是所有的瀏覽器都支持,因此在使用時需要注意兼容性問題。
上一篇mysql查詢條數速度
下一篇css3 裁剪不規則圖片