From 0cc667ef4fe398e2f1daec6e80c4250687e8973c Mon Sep 17 00:00:00 2001 From: Adam Iannazzone <46025473+jiannazzone@users.noreply.github.com> Date: Fri, 27 Sep 2024 13:05:42 -0400 Subject: [PATCH] Style adjustments to carousel --- css/style.css | 25 ++++++++++++++++++++++++- index.html | 38 +++++++++++++++++++++----------------- 2 files changed, 45 insertions(+), 18 deletions(-) diff --git a/css/style.css b/css/style.css index ec66113..5ecdb45 100644 --- a/css/style.css +++ b/css/style.css @@ -134,8 +134,9 @@ img.screenshot { background: var(--rd-blue); border: white 2px solid; border-radius: 5px; + text-align: left; /* transition: 0.5s; */ - width: 75%; + /* width: 75%; */ } .feature-card h3 { @@ -149,6 +150,28 @@ img.screenshot { font-family: var(--body-font); } +img.d-pad { + opacity: 0%; + transition: 0.25s; +} + +.carousel-button:hover img.d-pad { + opacity: 100%; + transition: 0.25s; +} + +.carousel-indicators { + opacity: 0%; + pointer-events: none; + transition: 0.25s; +} + +.carousel:hover .carousel-indicators { + opacity: 100%; + pointer-events: auto; + transition: 0.25s; +} + /* Link Styles */ .jumbotron p a, footer a, a.btn { color: var(--rd-purple); diff --git a/index.html b/index.html index 1c708df..c803935 100644 --- a/index.html +++ b/index.html @@ -290,10 +290,17 @@