From 9745ef738d3544adb1ff79bef8187eaad6db8ec8 Mon Sep 17 00:00:00 2001 From: Hasib24 Date: Thu, 29 Sep 2022 08:33:44 +0600 Subject: [PATCH] add card hover effect --- assets/styles/style.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/assets/styles/style.css b/assets/styles/style.css index 84e87cb..4a194cf 100644 --- a/assets/styles/style.css +++ b/assets/styles/style.css @@ -69,6 +69,31 @@ height: auto; } +.lead{ + line-height: 1.4rem; + font-size: 1rem; +} +.form-group { + margin-top: 80px; +} + +.form-group a{ + display: block; + text-decoration: none; + transition: 0.5s; + font-size: 1rem; +} +.form-group a:hover{ + box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.85); +} + +.card{ + transition: 0.5s; +} +.card:hover{ + transform: translateY(-5px); + box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); +} @keyframes float { 0% { transform: translate(0%, 0%) rotate(0);