From 0fd9fb097552686f2257c1aa689d797e80057bd1 Mon Sep 17 00:00:00 2001 From: Elizabeth Hunt Date: Wed, 19 Jul 2023 20:38:24 -0700 Subject: initial commit --- client/public/css/tf.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 client/public/css/tf.css (limited to 'client/public/css/tf.css') diff --git a/client/public/css/tf.css b/client/public/css/tf.css new file mode 100644 index 0000000..c1acd72 --- /dev/null +++ b/client/public/css/tf.css @@ -0,0 +1,33 @@ +.tf { + position: relative; + z-index: 1; + + transition: color 0.3s ease-out; + transition: opacity 0.5s ease-in-out; +} + +.tf:before { + background: rgb(162, 254, 254); + background: linear-gradient( + 90deg, + rgba(162, 254, 254, 1) 0%, + rgba(249, 187, 250, 1) 25%, + rgba(250, 250, 250, 1) 50%, + rgba(249, 187, 250, 1) 75%, + rgba(162, 254, 254, 1) 100% + ); + + content: ""; + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + z-index: -1; + opacity: 0; + transition: all 0.5s; +} + +.tf:hover:before { + opacity: 1; +} -- cgit v1.3