diff --git a/custom.css b/custom.css index 6d9d104..18f29bd 100644 --- a/custom.css +++ b/custom.css @@ -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); } +}