CSS3是一種用于美化網頁的技術,可以通過它來實現各種效果。其中,模糊漸變便是CSS3中的一種重要效果之一。
.background { background: linear-gradient(rgba(0,0,0,0.5), rgba(255,255,255,0.5)), url("background.jpg"); filter: blur(5px); }
在上面的代碼中,我們可以看到linear-gradient函數用來制造漸變效果,其中rgba()函數用來指定顏色和透明度,第一個參數表示黑色的半透明,第二個參數表示白色的半透明。filter:blur(5px)則是讓背景模糊處理。
使用這樣的模糊漸變效果,可以為網頁帶來更為柔和的色彩和視覺效果。同時,通過調整參數,我們還可以實現更多不同的效果,為網頁注入更多美感。