From 7e2bd768ec2c3fafeac2724bb2452cf8d9889c6f Mon Sep 17 00:00:00 2001 From: Kripa Sindhu Date: Fri, 14 Jun 2024 06:47:12 +0530 Subject: [PATCH] fixed the loader animation on audio sevices webpage --- css/audio.css | 25 +++++++++++++++++++++++++ html/audioTherapy.html | 2 +- 2 files changed, 26 insertions(+), 1 deletion(-) diff --git a/css/audio.css b/css/audio.css index 4ca8c92..8e73df0 100644 --- a/css/audio.css +++ b/css/audio.css @@ -715,3 +715,28 @@ footer a:focus { display: flex; flex-direction: column; } + #load { + width: 100%; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + } + + .loader { + background-color: white; + height: 25vh; + width: 100%; + position: relative; + animation: bounce 2s infinite; + } + + @keyframes bounce { + 0%, 100% { + top: 0; + } + 50% { + top: -70px; + } + } diff --git a/html/audioTherapy.html b/html/audioTherapy.html index b2508c1..1714e57 100644 --- a/html/audioTherapy.html +++ b/html/audioTherapy.html @@ -33,7 +33,7 @@
-
+