From 4012fabbe1c7afa9b0528db7d2b902dab4dc36f3 Mon Sep 17 00:00:00 2001 From: Zero to Mastery Date: Wed, 9 Aug 2023 14:20:50 +0000 Subject: [PATCH] (CI) format code --- Art/webdesign4ever/index.html | 27 ++++---- Art/webdesign4ever/style.css | 126 +++++++++++++++++----------------- 2 files changed, 75 insertions(+), 78 deletions(-) diff --git a/Art/webdesign4ever/index.html b/Art/webdesign4ever/index.html index 4d8794c9..908f4656 100644 --- a/Art/webdesign4ever/index.html +++ b/Art/webdesign4ever/index.html @@ -1,18 +1,15 @@ + + + + + Document + + - - - - - Document - - - - -
-
-
- - - \ No newline at end of file + +
+
+ + diff --git a/Art/webdesign4ever/style.css b/Art/webdesign4ever/style.css index 8e49a972..4cf599ad 100644 --- a/Art/webdesign4ever/style.css +++ b/Art/webdesign4ever/style.css @@ -1,78 +1,78 @@ #ts3 { - width: 100px; - height: 100px; + width: 100px; + height: 100px; + background-color: red; + position: relative; + animation-name: example2; + animation-duration: 4s; + animation-delay: 1s; + animation-direction: alternate-reverse; + animation-iteration-count: infinite; +} + +@keyframes example2 { + 0% { background-color: red; - position: relative; - animation-name: example2; - animation-duration: 4s; - animation-delay: 1s; - animation-direction: alternate-reverse; - animation-iteration-count: infinite; + left: 0%; + top: 0px; + transform: rotate(360deg); } - @keyframes example2 { - 0% { - background-color: red; - left: 0%; - top: 0px; - transform: rotate(360deg); - } - - 25% { - background-color: yellow; - left: 90%; - top: 0px; - transform: rotate(270deg); - } + 25% { + background-color: yellow; + left: 90%; + top: 0px; + transform: rotate(270deg); + } - 50% { - background-color: black; - left: 90%; - top: 450px; - transform: rotate(180deg); - } + 50% { + background-color: black; + left: 90%; + top: 450px; + transform: rotate(180deg); + } - 75% { - background-color: aquamarine; - top: 450px; - left: 0px; - transform: rotate(90deg); - } + 75% { + background-color: aquamarine; + top: 450px; + left: 0px; + transform: rotate(90deg); + } - 100% { - background-color: red; - left: 0%; - top: 0px; - } + 100% { + background-color: red; + left: 0%; + top: 0px; } +} - body { - animation-name: example; - animation-duration: 4s; - animation-delay: 1s; +body { + animation-name: example; + animation-duration: 4s; + animation-delay: 1s; + background-color: blueviolet; + animation-direction: alternate-reverse; + animation-iteration-count: infinite; +} + +@keyframes example { + 0% { background-color: blueviolet; - animation-direction: alternate-reverse; - animation-iteration-count: infinite; } - @keyframes example { - 0% { - background-color: blueviolet; - } - - 25% { - background-color: aquamarine; - } + 25% { + background-color: aquamarine; + } - 50% { - background-color: coral; - } + 50% { + background-color: coral; + } - 75% { - background-color: gold; - } + 75% { + background-color: gold; + } - 100% { - background-color: lightblue; - } - } \ No newline at end of file + 100% { + background-color: lightblue; + } +}