css样式粒子动效的按钮

CSS实现方式主要也是两种方式其实就是想一下有哪些属性可以无限叠加一个是box shadow还有一个是background image.这里主要通过background size和background position来控制原点的尺寸与位置看着好像挺复杂其实只要background size和background position与background image位置一一对应就行了.虽然background image不支持CSS动画但是另外两个background size和background position支持呀所以CSS transition和CSS animation都可以用起来.animation和transition实现原理比较类似优点是可以做出更加精细的动画这里就拿active方式来说吧.transition设置在hover下就可以了表示只有当鼠标经过时才有过渡离开时没有.active需要transition0s animation和transition实现原理比较类似优点是可以做出更加精细的动画.CSS直接扔到项目里就能用.