From a2755e6ed3b170a8f28ddaf1a8f8b6dad244e9f8 Mon Sep 17 00:00:00 2001 From: Yang <113082249+1234567Yang@users.noreply.github.com> Date: Sat, 24 Dec 2022 11:12:13 -0800 Subject: [PATCH] clear/blurry --- css/hover.css | 27 ++++++++++++++++++++++++++- 1 file changed, 26 insertions(+), 1 deletion(-) diff --git a/css/hover.css b/css/hover.css index f5fcf87..6a08f4c 100644 --- a/css/hover.css +++ b/css/hover.css @@ -1184,7 +1184,32 @@ -webkit-transform: translateX(-8px); transform: translateX(-8px); } - +/* clear */ +.clear{ + -webkit-transition-duration: 0.3s; + transition-duration: 0.6s; + border-radius:5px; + filter: blur(2px); + -webkit-box-shadow: 0px 0px 10px 1px; +} +.clear:hover { + -webkit-box-shadow: 0px 0px 5px 1px; + filter: blur(0px); + scale:1.05; +} +/* blurrty */ +.blurry{ + -webkit-transition-duration: 0.3s; + transition-duration: 0.6s; + border-radius:5px; + filter: blur(0px); + -webkit-box-shadow: 0px 0px 5px 1px; +} +.blurry:hover { + -webkit-box-shadow: 0px 0px 10px 1px; + filter: blur(2px); + scale:1.05; +} /* BACKGROUND TRANSITIONS */ /* Fade */ .hvr-fade {