xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-15 16:51:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add text gradient in home page

Browse Source
This commit is contained in:
Defectink
2022-04-06 10:26:32 +08:00
parent 35e24b45c5
commit d0445d3ead
6 changed files with 60 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
styles/index/index.module.css Normal file
View File

@ -0,0 +1,25 @@
.gradient {
background: rgb(238, 174, 200);
background: linear-gradient(
45deg,
rgba(238, 174, 200, 1) 0%,
rgba(148, 187, 233, 1) 100%
);
background-size: 400%;
animation: gradient 5s ease infinite;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}