水平翻转 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