From c03f8caa1c5dfdba698744a748e47ca2738543d3 Mon Sep 17 00:00:00 2001 From: TitanElectrons Date: Sun, 20 Aug 2023 21:02:33 -0500 Subject: [PATCH] updating pf --- portfolio/style.css | 16 +++++++++++++--- portfolio/wip.html | 5 +++-- 2 files changed, 16 insertions(+), 5 deletions(-) diff --git a/portfolio/style.css b/portfolio/style.css index 461e9e4..7e1d045 100644 --- a/portfolio/style.css +++ b/portfolio/style.css @@ -31,14 +31,22 @@ a:hover { .image-details { position: absolute; - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.75); color: white; opacity: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; + font-family: futura; + font-weight: bolder; + font-size: 150%; transition: opacity 0.3s ease-in-out; + border-radius: 10px; +} + +h1.image-details { + color: #efefef } .item:hover .image-details { @@ -50,7 +58,7 @@ a:hover { justify-content: center; margin-left: 7vw; margin-right: 7vw; -animation: + animation: portfolioItems normal both cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.9s 1.5s; } .image-container { @@ -58,12 +66,14 @@ animation: width: calc(33.33% - 20px); margin: 10px; overflow: hidden; + border-radius: 10px; } .image { width: 100%; height: auto; transition: transform 0.3s; + border-radius: 10px; } .image-container:hover .image { @@ -77,7 +87,7 @@ animation: width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); - color: white; + color: #efefef; padding: 10px; opacity: 0; display: flex; diff --git a/portfolio/wip.html b/portfolio/wip.html index bef9d1c..c6f2012 100644 --- a/portfolio/wip.html +++ b/portfolio/wip.html @@ -21,8 +21,9 @@
- Image 1 -
Image 1 Details
+ + Image 1 +
Your Security Redefined
Image 2