el-yazide.mohamed/loop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

anim css x

Browse Source
This commit is contained in:
El-yazide MOHAMED 2025-06-07 21:11:51 +02:00
parent 8c1e56c3f9
commit 303c76cbd6
3 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
node-server/assets/styleshe.css
View File

@ -78,7 +78,7 @@ body {
height: 600px; height: 600px;
border-radius: 50%; border-radius: 50%;
background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%); background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%);
animation: spin 5s linear infinite paused; /*animation: spin 5s linear infinite paused;*/
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -86,6 +86,10 @@ body {
cursor: pointer; cursor: pointer;
margin: 20px 0; margin: 20px 0;
} }
.vinyl.reverse {
animation: spin-reverse 4s linear infinite;
}
.vinyl img { .vinyl img {
width: 40%; width: 40%;

6
node-server/assets/stylesrom.css
View File

@ -78,7 +78,7 @@ body {
height: 600px; height: 600px;
border-radius: 50%; border-radius: 50%;
background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%); background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%);
animation: spin 5s linear infinite paused; /*animation: spin 5s linear infinite paused;*/
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -87,6 +87,10 @@ body {
margin: 20px 0; margin: 20px 0;
} }
.vinyl.reverse {
animation: spin-reverse 4s linear infinite;
}
.vinyl img { .vinyl img {
width: 40%; width: 40%;
border-radius: 50%; border-radius: 50%;

6
node-server/assets/stylestam.css
View File

@ -78,7 +78,7 @@ body {
height: 600px; height: 600px;
border-radius: 50%; border-radius: 50%;
background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%); background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%);
animation: spin 5s linear infinite paused; /*animation: spin 5s linear infinite paused;*/
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -86,6 +86,10 @@ body {
cursor: pointer; cursor: pointer;
margin: 20px 0; margin: 20px 0;
} }
.vinyl.reverse {
animation: spin-reverse 4s linear infinite;
}
.vinyl img { .vinyl img {
width: 40%; width: 40%;