From fe8bbd1f5e7e56597d3d85506099b8450dc957a2 Mon Sep 17 00:00:00 2001 From: GitHub Actions Date: Tue, 5 Nov 2024 15:00:15 +0000 Subject: [PATCH] (CI) Run Prettier --- .../index.html | 30 +-- .../meta.json | 6 +- .../styles.css | 194 +++++++++--------- 3 files changed, 113 insertions(+), 117 deletions(-) diff --git a/Art/thiziribouaziz-HachtoberfestAnimation/index.html b/Art/thiziribouaziz-HachtoberfestAnimation/index.html index b51de4d09..86cf065c8 100644 --- a/Art/thiziribouaziz-HachtoberfestAnimation/index.html +++ b/Art/thiziribouaziz-HachtoberfestAnimation/index.html @@ -1,18 +1,20 @@ - - - + + + aniamation nation - - - - - - + + + + + +
-

HAPPY HACHTOBERFEST

-
- - - \ No newline at end of file +

HAPPY HACHTOBERFEST

+ + + diff --git a/Art/thiziribouaziz-HachtoberfestAnimation/meta.json b/Art/thiziribouaziz-HachtoberfestAnimation/meta.json index 2302bad27..fe9984538 100644 --- a/Art/thiziribouaziz-HachtoberfestAnimation/meta.json +++ b/Art/thiziribouaziz-HachtoberfestAnimation/meta.json @@ -1,4 +1,4 @@ { - "artName": "Hachtoberfest Animation", - "githubHandle": "thiziribouaziz" - } \ No newline at end of file + "artName": "Hachtoberfest Animation", + "githubHandle": "thiziribouaziz" +} diff --git a/Art/thiziribouaziz-HachtoberfestAnimation/styles.css b/Art/thiziribouaziz-HachtoberfestAnimation/styles.css index 588f69488..ffe76ff59 100644 --- a/Art/thiziribouaziz-HachtoberfestAnimation/styles.css +++ b/Art/thiziribouaziz-HachtoberfestAnimation/styles.css @@ -1,27 +1,25 @@ -body{ - margin: 0; - padding: 0; - box-sizing: border-box; - position: relative; - display: flex; - justify-content: center; +body { + margin: 0; + padding: 0; + box-sizing: border-box; + position: relative; + display: flex; + justify-content: center; } -.container{ -width: 100%; -height: 100%; -display: flex; -justify-content: center; -text-align: center; - +.container { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + text-align: center; } +body { + -webkit-animation: color-change-2x 2s linear infinite alternate both; + animation: color-change-2x 2s linear infinite alternate both; +} -body{ - -webkit-animation: color-change-2x 2s linear infinite alternate both; - animation: color-change-2x 2s linear infinite alternate both; - } - @-webkit-keyframes body { 0% { background: #19dcea; @@ -39,90 +37,86 @@ body{ } } -h1{ - padding: 30px; - border-radius: 40px; - background-color: rgba(211, 10, 167, 0); - color: rgb(79, 12, 100); - font-family: "Unlock", serif; - font-size: 50px; - letter-spacing: 10px; - margin-top: 250px; - +h1 { + padding: 30px; + border-radius: 40px; + background-color: rgba(211, 10, 167, 0); + color: rgb(79, 12, 100); + font-family: 'Unlock', serif; + font-size: 50px; + letter-spacing: 10px; + margin-top: 250px; } h1 { - -webkit-animation: heartbeat 3s ease-in-out infinite both; - animation: heartbeat 3s ease-in-out infinite both; + -webkit-animation: heartbeat 3s ease-in-out infinite both; + animation: heartbeat 3s ease-in-out infinite both; } - - @-webkit-keyframes heartbeat { - from { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 10% { - -webkit-transform: scale(0.91); - transform: scale(0.91); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 17% { - -webkit-transform: scale(0.98); - transform: scale(0.98); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 33% { - -webkit-transform: scale(0.87); - transform: scale(0.87); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 45% { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } +@-webkit-keyframes heartbeat { + from { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 10% { + -webkit-transform: scale(0.91); + transform: scale(0.91); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 17% { + -webkit-transform: scale(0.98); + transform: scale(0.98); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 33% { + -webkit-transform: scale(0.87); + transform: scale(0.87); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } - @keyframes heartbeat { - from { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 10% { - -webkit-transform: scale(0.91); - transform: scale(0.91); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 17% { - -webkit-transform: scale(0.98); - transform: scale(0.98); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 33% { - -webkit-transform: scale(0.87); - transform: scale(0.87); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 45% { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } + 45% { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } - - \ No newline at end of file +} +@keyframes heartbeat { + from { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 10% { + -webkit-transform: scale(0.91); + transform: scale(0.91); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 17% { + -webkit-transform: scale(0.98); + transform: scale(0.98); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 33% { + -webkit-transform: scale(0.87); + transform: scale(0.87); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 45% { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } +}