效果 (源码网盘地址在最后)
视频演示
「前端编程实战 31」HTML+CSS3 实现定价卡悬停特效
视频地址一：https://www.bilibili.com/video/BV1mK411W7pG/
视频地址二：https://www.ixigua.com/i6826645569625129484/
源码
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">