hxcde/yannmoelle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity

„custom.css“ ändern

Browse Source
This commit is contained in:
Yann Mölle 2023-05-17 21:25:21 +02:00
parent b07f1cef8a
commit 2f04a27b00
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
custom.css
View File

@ -71,9 +71,29 @@
/* Gradient Text */
.text-gradient {
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,59,255,1) 100%);
background: linear-gradient(to right, rgba(22,91,189,1) 0%, rgba(144,30,254,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
/* Shake */
img:hover {
animation: shake 0.5s;
animation-iteration-count: infinite;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}