CSS 闪电按钮效果

特创数字科技

已于 2024-02-04 09:06:35 修改

阅读量2.2k

点赞数 20

分类专栏： CSS动画文章标签： css 前端 javascript

于 2024-02-03 12:33:37 首次发布

本文链接：https://blog.csdn.net/weixin_54226053/article/details/136006573

版权

CSS动画专栏收录该内容

57 篇文章 0 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看



    <template>
    	<view class="const">
    		<div class="voltage-button">

    			<button>闪电按钮</button>
    			<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 234.6 61.3"
    				preserveAspectRatio="none" xml:space="preserve">

    				<filter id="glow">
    					<feGaussianBlur class="blur" result="coloredBlur" stdDeviation="2"></feGaussianBlur>
    					<feTurbulence type="fractalNoise" baseFrequency="0.075" numOctaves="0.3" result="turbulence">
    					</feTurbulence>
    					<feDisplacementMap in="SourceGraphic"