From ddde4e72a5e14e4df33e600f4d6361e0cb9c2752 Mon Sep 17 00:00:00 2001 From: Dan Date: Sun, 24 Nov 2019 21:04:12 +0000 Subject: [PATCH] Added 3d effect --- nui/radar.css | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/nui/radar.css b/nui/radar.css index b8592a1..81f18e5 100644 --- a/nui/radar.css +++ b/nui/radar.css @@ -352,13 +352,18 @@ /* font-family: 'Heebo-Regular'; */ - box-shadow: 1px 2px rgb( 100, 100, 100 ); + box-shadow: 2px 3px rgb( 100, 100, 100 ); } #rc button:hover { background-color: rgb( 230, 230, 230 ); } + #rc button:active { + box-shadow: none; + transform: translateX( 2px ) translateY( 3px ); + } + #rc .rounded_btn { border-radius: 30px; } @@ -393,9 +398,17 @@ } #rc .xmit_wrap { - filter: drop-shadow( 1px 2px rgb( 100, 100, 100 ) ); + filter: drop-shadow( 2px 3px rgb( 100, 100, 100 ) ); } + #rc .xmit_wrap:active { + filter: drop-shadow( 0 0 rgba( 100, 100, 100, 0.0 ) ); + transform: translateX( 2px ) translateY( 3px ); + } + #rc .xmit_wrap button:active { + transform: none; + } + #rc .xmit_btn .arrow { width: 40px; height: 20px;