diff options
| author | Danijel Anđelković <adanijel99@gmail.com> | 2022-04-22 23:29:10 +0200 |
|---|---|---|
| committer | Danijel Anđelković <adanijel99@gmail.com> | 2022-04-22 23:29:10 +0200 |
| commit | 211b2534aea43ff0df771fb700688cbf7e35a264 (patch) | |
| tree | 5470e196851d6f8676d669e28fc5ea07e5726dff /frontend/src/styles/fx.css | |
| parent | bcd4852ea7964e15f4ad7d0061522da42d866d37 (diff) | |
Razdvojio css po fajlovima da bi smanjili buduce konflikte.
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 |