From 2f04a27b000c7e29692e8f0d78654204084537c7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yann=20M=C3=B6lle?= Date: Wed, 17 May 2023 21:25:21 +0200 Subject: [PATCH] =?UTF-8?q?=E2=80=9Ecustom.css=E2=80=9C=20=C3=A4ndern?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- custom.css | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) 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); } +}