CSS 闪电按钮效果

2caa9db44ede4f68893eadf791ad0191.gif



    <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" in2

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-05 05:04:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-05 05:04:01       101 阅读
  3. 在Django里面运行非项目文件

    2024-02-05 05:04:01       82 阅读
  4. Python语言-面向对象

    2024-02-05 05:04:01       91 阅读

热门阅读

  1. 分组函数应用(sql+python)总结

    2024-02-05 05:04:01       50 阅读
  2. MySQL中如何将字符串替换

    2024-02-05 05:04:01       56 阅读
  3. hadoop使用公平调度器

    2024-02-05 05:04:01       50 阅读
  4. 面试 CSS 框架八股文十问十答第五期

    2024-02-05 05:04:01       54 阅读
  5. 深度解析Go字符串

    2024-02-05 05:04:01       37 阅读
  6. 前端Vue every() 方法

    2024-02-05 05:04:01       54 阅读
  7. 【力扣经典面试题】45. 跳跃游戏 II

    2024-02-05 05:04:01       54 阅读
  8. C++多态

    C++多态

    2024-02-05 05:04:01      47 阅读
  9. 记录 | python .ui转py

    2024-02-05 05:04:01       49 阅读
  10. 【深度学习】P1 Deep Learning 简介

    2024-02-05 05:04:01       58 阅读
  11. js custom-decorator 自定义装饰器,快速创建装饰器

    2024-02-05 05:04:01       54 阅读