From d0d2d9fdbe25f8b4478fcd2a0a6a5da68379cd33 Mon Sep 17 00:00:00 2001 From: sau-mili <146661411+sau-mili@users.noreply.github.com> Date: Fri, 17 May 2024 23:35:42 +0530 Subject: [PATCH] Added Animation to images --- css/style.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/css/style.css b/css/style.css index b410957..33a5176 100644 --- a/css/style.css +++ b/css/style.css @@ -1132,6 +1132,17 @@ support for no js background-repeat: no-repeat; background-position: center center; + /* Animation properties */ + animation: slideInFromRight 1s ease-out forwards; +} + +@keyframes slideInFromRight { + from { + transform: translateX(100%); + } + to { + transform: translateX(0); + } } .title-fs-45 { color:#4b4e53; @@ -1154,6 +1165,17 @@ support for no js overflow: hidden; background-repeat: no-repeat; background-position: center center; + animation: slideInFromLeft 1s ease-out forwards; +} + + +@keyframes slideInFromLeft { + from { + transform: translateX(-100%); + } + to { + transform: translateX(0); + } } .line-3-70{ margin-top:11px;