From 56dc7f49a49156594b07d3e4abeb8139b93c0aa9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yann=20M=C3=B6lle?= Date: Wed, 17 May 2023 21:25:01 +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 | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/custom.css b/custom.css index 4e56a4e..18f29bd 100644 --- a/custom.css +++ b/custom.css @@ -77,3 +77,23 @@ 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); } +}