yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 12:19:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

changed animation style

Browse Source
This commit is contained in:
Kostya
2023-11-20 21:38:31 +03:00
parent 00e9dd704d
commit 942e9db9ee
1 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
luckydiamond/src/assets/css/PagesStyles/home.css
View File

@@ -3,7 +3,7 @@
.main { .main {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top: 48px; padding-top: 48px;
border-radius: 40px; border-radius: 40px;
background: #EF4444; background: #EF4444;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
@@ -39,16 +39,26 @@
} }
@keyframes RaindowAnimate { @keyframes RaindowAnimate {
0% { color: red; } from {
25% { color: orange; } color: #6666ff;
50% { color: yellow; } }
75% { color: green; } 10% {
100% { color: blue; } color: #0099ff;
}
50% {
color: #00ff00;
}
75% {
color: #ff3399;
}
100% {
color: #6666ff;
}
} }
.main__content h4 span { .main__content h4 span {
animation: RaindowAnimate 5s infinite; animation: RaindowAnimate 5s infinite;
animation-delay: 1s; animation-delay: 5s;
} }
/* /Main */ /* /Main */