CSS3鏡像漸變是一種非常有趣同時也非常實用的CSS3特效效果。它可以為網站增添一些神秘的氣息,讓用戶的體驗更加流暢與自然。那么,什么是鏡像漸變呢?
鏡像漸變簡單來說就是將一種顏色從中心點向四周進行漸變,達到一種鏡像照射的效果。這個效果非常神奇,能夠讓網頁更加動態化。
.box{ width:200px; height:200px; background: radial-gradient(ellipse at center, #666 0%, #000 100%); background: -moz-radial-gradient(ellipse at center, #666 0%, #000 100%); background: -webkit-radial-gradient(ellipse at center, #666 0%, #000 100%); background: -o-radial-gradient(ellipse at center, #666 0%, #000 100%); }
上述代碼是一個簡單的CSS漸變代碼,可以實現一個方框向四周的漸變。通過使用不同的前綴可以實現兼容各個瀏覽器的效果。
總的來說,鏡像漸變是一個非常實用的CSS3效果。它可以為網站增添一些神秘的氣息,并讓用戶的體驗更加流暢與自然。
下一篇鼠標點擊狀態css