利用径向渐变做酷炫的按钮闪光效果
最近公司事情不多,就研究下自己感兴趣的东西
前置知识:需要理解径向渐变 径向渐变的连写各个属性的含义 边框背景,边框背景连写各个属性的含义
效果就是点击之后,会开启边框背景一个光点,然后移动的过程,不能上传视频,大家自己下载代码在本地看效果吧
本不想用js实现,最开始想到的是动画方式,在每个阶段改变border-image-source里径向渐变的圆心位置,但是发现不能成功,用的是连写的方式,后来猜想是不是连写方式不支持,我又把边框背景的每个属性进行拆分,动画的时候只改变border-ima...
原创
2021-12-01 17:13:48 ·
1030 阅读 ·
0 评论