diff options
| author | Elizabeth Hunt <elizabeth.hunt@simponic.xyz> | 2024-03-01 16:31:27 -0700 |
|---|---|---|
| committer | Elizabeth Hunt <elizabeth.hunt@simponic.xyz> | 2024-03-01 16:31:27 -0700 |
| commit | 5148ee2063846d37f9152a9dfa64fcd40cc0454b (patch) | |
| tree | ba19032f6296c97e9dd8ce91253886bf24d5b441 /src/css/tf.css | |
| parent | 17e95224a083ccd9e522f8712bb10846a2dada8a (diff) | |
| download | the-abstraction-engine-5148ee2063846d37f9152a9dfa64fcd40cc0454b.tar.gz the-abstraction-engine-5148ee2063846d37f9152a9dfa64fcd40cc0454b.zip | |
get something on the screen
Diffstat (limited to 'src/css/tf.css')
| -rw-r--r-- | src/css/tf.css | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/src/css/tf.css b/src/css/tf.css new file mode 100644 index 0000000..c1acd72 --- /dev/null +++ b/src/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; +} |