diff --git a/stephen/index.html b/stephen/index.html index b7afc94..3dde51c 100644 --- a/stephen/index.html +++ b/stephen/index.html @@ -60,7 +60,8 @@ theatre.

stephen kerr is a graphic designer or a musician or a very weird and long dream.

+ diff --git a/style.css b/style.css index 7866f36..681a33c 100644 --- a/style.css +++ b/style.css @@ -62,6 +62,7 @@ button{ background:none; padding: 0.5rem 1rem; border-radius: 0.5rem; + margin-right: 0.5rem; } button:hover{ animation: wiggle 0.6s infinite; @@ -106,17 +107,7 @@ button:hover{ margin: auto; margin-right: 0; } -@keyframes wiggle { - 25% { - transform: scale(0.8, 1.3); - } - 50% { - transform: scale(1.1, 0.8); - } - 75% { - transform: scale(0.7, 1.2); - } -} + .desaturate{ filter: grayscale(90%) contrast(1.2) brightness(1.1); } @@ -135,6 +126,11 @@ button:hover{ width: 4rem; filter: saturate(2); } +.gummy img:hover{ + scale: 1; + animation: wiggle 0.6s infinite; + cursor: pointer; +} h1 { font-weight: 700; font-size: 50px; @@ -196,6 +192,17 @@ nav{ background: var(--spot-color-1); color: #fff; } +@keyframes wiggle { + 25% { + transform: scale(0.8, 1.3); + } + 50% { + transform: scale(1.1, 0.8); + } + 75% { + transform: scale(0.7, 1.2); + } +} @media only screen and (max-width: 768px){ body { line-height: 1.3;