前言：哈喽，大家好，今天给大家分享html+css 实现hover 换背景跳动按钮！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦 💕

📚一、效果

📚二、原理解析

💡这个按钮hover后，有4个变化：

🎯1. 原有背景左下滑动，消失，出现新的背景
🎯2. 文字黑色变成白色
🎯3. 按钮添加发光效果
🎯4. 按钮跳动

这是一个，看上去切换背景按钮发光跳动的效果。每个按钮都是由2部分组成，button,span如下图。