用CSS3做個文字聚光燈效果

來分享個聚光燈動畫,先看看效果 先來準備下知識點: 主要是background-clip: text;和clip-path,這兩個遮罩屬性 1、先來搭建一下HTML結構吧 HMTL這側很簡單,只需要一段文字。 2、再來寫下基本樣式 讓整個文字處於屏幕中間,背景黑色。 3、再來就是關鍵部分了 (這裏我用了僞元素讓他於父元素完全重合,如果不想看文字有個底色的話,可以不用僞元素,直接寫在p身上就可以,我
相關文章
相關標籤/搜索