3D 翻入
带透视沿 X 轴翻入，边缘有厚度错觉。
效果预览
参数调节
完整代码
/* 3D 翻入 */
@keyframes flipIn3d {
from { opacity: 0; transform: perspective(800px) rotateX(-90deg); }
to { opacity: 1; transform: perspective(800px) rotateX(0); }
}
.flip-in-3d { animation: flipIn3d .7s cubic-bezier(.22,.61,.36,1) both; }