diff options
| author | Danijel Andjelkovic <adanijel99@gmail.com> | 2022-05-05 00:46:39 +0000 |
|---|---|---|
| committer | Danijel Andjelkovic <adanijel99@gmail.com> | 2022-05-05 00:46:39 +0000 |
| commit | c77c5289d01f1f02a57a060dc2166b449e597881 (patch) | |
| tree | cb64f2775335cdd856e81ec9e8ba0bed93fa0985 /frontend/src/styles/fx.css | |
| parent | 6f48458e058d3e5a8d559adc22adbe78cba9a253 (diff) | |
| parent | 15c60cb0c179d2d3c353ab3e19370e16d02176eb (diff) | |
Merge branch 'redesign' into 'master'
merge
See merge request igrannonica/neuronstellar!29
Diffstat (limited to 'frontend/src/styles/fx.css')
| -rw-r--r-- | frontend/src/styles/fx.css | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/frontend/src/styles/fx.css b/frontend/src/styles/fx.css new file mode 100644 index 00000000..9c29ad58 --- /dev/null +++ b/frontend/src/styles/fx.css @@ -0,0 +1,24 @@ +.shadowed:hover { + box-shadow: rgba(0, 152, 189, 0.4) 0px 5px, rgba(0, 152, 189, 0.3) 0px 10px, rgba(0, 152, 189, 0.2) 0px 15px, rgba(0, 152, 189, 0.1) 0px 20px, rgba(0, 152, 189, 0.05) 0px 25px; +} + +.shadowed:first-child:hover { + box-shadow: rgba(0, 152, 189, 0.4) -5px 5px, rgba(0, 152, 189, 0.3) -10px 10px, rgba(0, 152, 189, 0.2) -15px 15px, rgba(0, 152, 189, 0.1) -20px 20px, rgba(0, 152, 189, 0.05) -25px 25px; +} + +.shadowed:last-child:hover { + box-shadow: rgba(0, 152, 189, 0.4) 5px 5px, rgba(0, 152, 189, 0.3) 10px 10px, rgba(0, 152, 189, 0.2) 15px 15px, rgba(0, 152, 189, 0.1) 20px 20px, rgba(0, 152, 189, 0.05) 25px 25px; +} + +.shadow-accent:hover { + box-shadow: rgba(0, 152, 189, 0.4) 0px 5px, rgba(0, 152, 189, 0.3) 0px 10px, rgba(0, 152, 189, 0.2) 0px 15px, rgba(0, 152, 189, 0.1) 0px 20px, rgba(0, 152, 189, 0.05) 0px 25px; + animation-name: holo-hover; + animation-duration: 300ms; + transform: perspective(100em) rotateX(10deg); +} + +@keyframes holo-hover { + to { + transform: perspective(100em) rotateX(10deg); + } +}
\ No newline at end of file |