mirror of
https://github.com/yudejp/yude.jp.git
synced 2025-05-10 14:08:41 +00:00
Add rich logo
This commit is contained in:
parent
fa02f5865a
commit
8b38cf5d75
195
src/components/Logo.tsx
Normal file
195
src/components/Logo.tsx
Normal file
File diff suppressed because it is too large
Load Diff
@ -5,3 +5,29 @@
|
|||||||
body {
|
body {
|
||||||
background-color: rgb(23 23 23);
|
background-color: rgb(23 23 23);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes color-fill-anime {
|
||||||
|
0% {
|
||||||
|
fill: #F8C3CD;
|
||||||
|
}
|
||||||
|
|
||||||
|
28% {
|
||||||
|
fill: #F4A7B9;
|
||||||
|
}
|
||||||
|
|
||||||
|
56% {
|
||||||
|
fill: #F596AA;
|
||||||
|
}
|
||||||
|
|
||||||
|
84% {
|
||||||
|
fill: #E16B8C;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
fill: #DB4D6D;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.color-fill {
|
||||||
|
animation: color-fill-anime 4s linear infinite alternate forwards;
|
||||||
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user