水平翻转 transform:rotate(180deg);
平滑一点(linear) transition:all .5s linear 0s;
超出部分隐藏 overflow:hidden;
透明度(opacity) opacity: .8;
缩放(scale) transform:scale(1.2,1.2);
填充 (CSS background)有参考
background-image:linear-gradient(green, red);
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>过渡动画 transition</title>
<meta name="Keywords" content="关键字">
<meta name="description" content="简介">
<!-- 水平翻转 transform:rotate(180deg);
平滑一点(linear) transition:all .5s linear 0s;
超出部分隐藏 overflow:hidden;
透明度(opacity) opacity:.8;
缩放(scale) transform:scale(1.2,1.2