„custom.css“ ändern

This commit is contained in:
Yann Mölle 2023-05-17 21:25:21 +02:00
parent b07f1cef8a
commit 2f04a27b00

View File

@ -71,9 +71,29 @@
/* Gradient Text */ /* Gradient Text */
.text-gradient { .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-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
display: inline-block; 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); }
}