From d98e64c0d2f9c1ced1bb547d02462885e4272b90 Mon Sep 17 00:00:00 2001 From: littleblack111 Date: Fri, 6 Oct 2023 23:00:07 +0800 Subject: more optimized + bounce overshot(bounce back) effect --- src/css/style.css | 57 ++++++------------------------------------------------- 1 file changed, 6 insertions(+), 51 deletions(-) (limited to 'src') diff --git a/src/css/style.css b/src/css/style.css index aac6d9ff..cb9b8c75 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -58,32 +58,11 @@ body { } @keyframes zoomIn { - 10% { - transform: scale(0.1); + 1% { + transform: scale(0.01); } - 20% { - transform: scale(0.2); - } - 30% { - transform: scale(0.3); - } - 40% { - transform: scale(0.4); - } - 50% { - transform: scale(0.5); - } - 60% { - transform: scale(0.6); - } - 70% { - transform: scale(0.7); - } - 80% { - transform: scale(0.8); - } - 90% { - transform: scale(0.9); + 85% { + transform: scale(1.1); } 100% { transform: scale(1); @@ -91,35 +70,11 @@ body { } @keyframes zoomOut { - 10% { + 1% { transform: scale(1); } - 20% { - transform: scale(0.9); - } - 30% { - transform: scale(0.8); - } - 40% { - transform: scale(0.7); - } - 50% { - transform: scale(0.6); - } - 60% { - transform: scale(0.5); - } - 70% { - transform: scale(0.4); - } - 80% { - transform: scale(0.3); - } - 90% { - transform: scale(0.2); - } 100% { - transform: scale(0.1); + transform: scale(0.01); } } -- cgit v1.2.3