Vue3实现Windows10的描边效果

馃寛Demohttps://huodoushigemi.github....馃殌闇€瑕佺幆澧僀horme76+Vue3+鈿欙笍瀹夎npmi-Svue-reveal-effect馃鍦↗S涓娇鐢?h1id="reveal1">REVEALEFFECT鏄剧ず鏁堟灉鏄剧ず鏁堟灉馃鍦╒ue3涓娇鐢╥mport{createApp}from'vue'importVueRevealEffectfrom'vue-reveal-effect'createApp(App).use(VueRevealEffect).mount('#app')<鑴氭湰璁剧疆>constoptions1={borderWidth:4,borderColor:'rgba(255,0,0,40%)',borderSize:40,bgSize:40bgColor:'#00a1ff'}constoptions2={borderWidth:2,clickEffect:false}鈽逛笉鏀寔鉂屼笉鏀寔css鐨刡order-radius灞炴€р潓涓嶆敮鎸乭tml鐨?img/>鏍囩猸愶笍鏈€鍚庯紝濡傛灉杩欑瘒鏂囩珷瀵逛綘鏈夊府鍔╋紝璇风偣璧炩瓙锔?/p>