CSS3 圖片發光特效可以讓您的網站上的圖片更加引人注目。這種特效很容易實現,只需要幾行CSS代碼即可。
img { box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.75); }
在以上代碼中,box-shadow
屬性被用來創建發光特效。該屬性包含四個參數:水平偏移量、垂直偏移量、模糊度和擴散程度。
在這個例子中,水平和垂直偏移量都是0,這意味著發光特效位于圖片正下方。模糊度設置為15px,使邊緣部分更柔和。擴散程度為5px,為發光特效提供更強的區別度。最后,通過設置rgba(255, 255, 255, 0.75)
,即白色半透明的顏色,使圖片看上去更明亮。
如果您想要調整發光特效的樣式,可以修改上述代碼中的參數,例如改變偏移量、模糊度或顏色。
總之,使用CSS3 圖片發光特效可以使您的網站更加生動、有趣,并可以幫助吸引更多的訪問者。
上一篇html 打地鼠代碼
下一篇html 上下居中 代碼