前段时间刷抖音,觉得关注时的按钮动画很好看,加上自己本身最近也在学习前端知识。所以就想怎么自己实现出来,最终效果还可以,但是感觉自己做的还不够好。仅供参考。 :clinking_beer_mugs:最终效果 :light_bulb:思路 使用jQuery的toggleClass()方法,添加删除类active 分别为原本的和active的元素设置样式,使用css的transition属性,定义变化时间,速度等 使用css的animation为active元素设置变化动画 :man_technologist:实现 HTML <!DOCTYPE html> <