From bd0bc7efd1f60089865ae736191015b2f68c7751 Mon Sep 17 00:00:00 2001 From: jasheloper <48870048+jasheloper@users.noreply.github.com> Date: Fri, 2 Aug 2024 16:40:45 -0700 Subject: [PATCH] more css tweaks --- index.html | 6 +++++- style.css | 21 ++++++++++++++++++--- 2 files changed, 23 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 0a3dc52..2719fea 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,10 @@ + + @@ -11,7 +15,7 @@ -

Jashele's Image Gallery

+

Jashele's JS Image Gallery

Closeup of a human eye diff --git a/style.css b/style.css index f9a07c9..d6abe4b 100644 --- a/style.css +++ b/style.css @@ -1,12 +1,21 @@ h1 { - font-family: helvetica, arial, sans-serif; text-align: center; + color: white; + font-size: 3.7em; + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Example shadow */ + font-family: "Big Shoulders Display", sans-serif; + font-optical-sizing: auto; + font-weight: 800; + font-style: normal; } body { width: 740px; margin: 0 auto; background-color: antiquewhite; + background: linear-gradient(135deg, #a44b9c, #f2c94c); + background-repeat: no-repeat; + min-height: 100vh; } .full-img { @@ -18,6 +27,7 @@ body { .full-img img { border-radius: 8px; + box-shadow: 1px 1px 3px 1px #29262f; } .overlay { @@ -47,7 +57,12 @@ button { width: 15%; float: left; cursor: pointer; - margin: 12px; - border: 2px solid black; + margin: 9px; + border: 5px solid white; border-radius: 10px; +} + +.thumb-bar img:hover { + transform: scale(1.5); /* Adjust the scale value as needed */ + transition: transform 0.3s; /* Smooth transition effect */ } \ No newline at end of file