Skip to content

Commit

Permalink
(CI) Run Prettier
Browse files Browse the repository at this point in the history
  • Loading branch information
actions-user committed Nov 5, 2024
1 parent 108bfb2 commit fe8bbd1
Show file tree
Hide file tree
Showing 3 changed files with 113 additions and 117 deletions.
30 changes: 16 additions & 14 deletions Art/thiziribouaziz-HachtoberfestAnimation/index.html
Original file line number Diff line number Diff line change
@@ -1,18 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>aniamation nation</title>
<link rel="stylesheet" href="./styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sixtyfour+Convergence:[email protected]&family=Unlock&display=swap" rel="stylesheet">
</head>
<body>
<link rel="stylesheet" href="./styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Sixtyfour+Convergence:[email protected]&family=Unlock&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="container">
<h1>HAPPY HACHTOBERFEST</h1>
</div>

</body>
</html>
<h1>HAPPY HACHTOBERFEST</h1>
</div>
</body>
</html>
6 changes: 3 additions & 3 deletions Art/thiziribouaziz-HachtoberfestAnimation/meta.json
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
{
"artName": "Hachtoberfest Animation",
"githubHandle": "thiziribouaziz"
}
"artName": "Hachtoberfest Animation",
"githubHandle": "thiziribouaziz"
}
194 changes: 94 additions & 100 deletions Art/thiziribouaziz-HachtoberfestAnimation/styles.css
Original file line number Diff line number Diff line change
@@ -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;
Expand All @@ -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;
}


}
@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;
}
}

0 comments on commit fe8bbd1

Please sign in to comment.