效果 (源码网盘地址在最后)
视频演示
「前端编程实战 51」HTML+CSS3 实现 3D 图像翻转特效
视频地址一：https://www.ixigua.com/i6840006472894513676/
视频地址二：https://www.bilibili.com/video/BV15A411i7dU/
源码
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">