From 523063c8917f09eadf5588158856cc3ffb395564 Mon Sep 17 00:00:00 2001 From: Mitali Raj Date: Thu, 18 Jan 2024 07:29:22 +0530 Subject: [PATCH 1/4] Update style-landing.css Changes made to the style-landing.css --- style-landing.css | 20 ++++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/style-landing.css b/style-landing.css index 68ba403..f34f0e9 100644 --- a/style-landing.css +++ b/style-landing.css @@ -44,32 +44,36 @@ body{ text-align: center; align-items: center; justify-content: center; - color: #657085; + color: #0ca3a6; + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; } .wrapper .dynamic-text{ margin-left: -20px; margin-top: 150px; height: 90px; - line-height: 0px; + line-height: 100px; overflow: hidden; } .dynamic-text li{ list-style: none; - font-size: 25px; + font-size: 50px; font-weight: 500; + /* text-shadow: 1px 1px black; */ font-weight: 700; position: relative; - top: 0; - line-height: 100px; - animation: slideup 450s steps(100) infinite; + right:100%; + animation: slideright 20s linear infinite; } -@keyframes slideup { +@keyframes slideright { + 0%{ + right:0; + } 100%{ - top: -10000px; + right: -100% } } From eedf23153fd9094c9c56ebb9448d2e5cc60db030 Mon Sep 17 00:00:00 2001 From: Mitali Raj Date: Thu, 18 Jan 2024 07:33:25 +0530 Subject: [PATCH 2/4] Update style-landing.css --- style-landing.css | 20 ++++++++------------ 1 file changed, 8 insertions(+), 12 deletions(-) diff --git a/style-landing.css b/style-landing.css index f34f0e9..68ba403 100644 --- a/style-landing.css +++ b/style-landing.css @@ -44,36 +44,32 @@ body{ text-align: center; align-items: center; justify-content: center; - color: #0ca3a6; - font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + color: #657085; } .wrapper .dynamic-text{ margin-left: -20px; margin-top: 150px; height: 90px; - line-height: 100px; + line-height: 0px; overflow: hidden; } .dynamic-text li{ list-style: none; - font-size: 50px; + font-size: 25px; font-weight: 500; - /* text-shadow: 1px 1px black; */ font-weight: 700; position: relative; - right:100%; - animation: slideright 20s linear infinite; + top: 0; + line-height: 100px; + animation: slideup 450s steps(100) infinite; } -@keyframes slideright { - 0%{ - right:0; - } +@keyframes slideup { 100%{ - right: -100% + top: -10000px; } } From cb55525384de70c45d48851e882af5931086a5ad Mon Sep 17 00:00:00 2001 From: Mitali Raj Date: Thu, 18 Jan 2024 07:38:36 +0530 Subject: [PATCH 3/4] Update style-landing.css Changes made to style-landing.css --- style-landing.css | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/style-landing.css b/style-landing.css index 68ba403..f4dd6eb 100644 --- a/style-landing.css +++ b/style-landing.css @@ -44,32 +44,34 @@ body{ text-align: center; align-items: center; justify-content: center; - color: #657085; + color: #2cbdc2; } .wrapper .dynamic-text{ margin-left: -20px; margin-top: 150px; height: 90px; - line-height: 0px; + line-height: 100px; overflow: hidden; } .dynamic-text li{ list-style: none; - font-size: 25px; + font-size: 50px; font-weight: 500; /* text-shadow: 1px 1px black; */ font-weight: 700; position: relative; - top: 0; - line-height: 100px; - animation: slideup 450s steps(100) infinite; + right:100%; + animation: slideright 30s linear infinite; } -@keyframes slideup { +@keyframes slideright { + 0%{ + right:0; + } 100%{ - top: -10000px; + right: -100%; } } From 779a621f9136a93952197bdc5b80294f5ccb4ed4 Mon Sep 17 00:00:00 2001 From: Mitali Raj Date: Sat, 20 Jan 2024 14:32:12 +0530 Subject: [PATCH 4/4] animation updated --- .vscode/settings.json | 3 +++ style-landing.css | 23 +++++++++++++---------- 2 files changed, 16 insertions(+), 10 deletions(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/style-landing.css b/style-landing.css index f4dd6eb..268216e 100644 --- a/style-landing.css +++ b/style-landing.css @@ -45,33 +45,36 @@ body{ align-items: center; justify-content: center; color: #2cbdc2; + overflow: hidden; } .wrapper .dynamic-text{ - margin-left: -20px; + display: flex; + padding-inline-start: 0; margin-top: 150px; height: 90px; - line-height: 100px; - overflow: hidden; + line-height: 90px; + animation: slideright 30s linear infinite; + width: 100%; } .dynamic-text li{ list-style: none; font-size: 50px; - font-weight: 500; - /* text-shadow: 1px 1px black; */ font-weight: 700; - position: relative; - right:100%; - animation: slideright 30s linear infinite; + margin-right: 20px; + white-space: nowrap; + } @keyframes slideright { 0%{ - right:0; + transform: translateX(0%); + + } 100%{ - right: -100%; + transform: translateX(100%); } }