Added 3d effect

This commit is contained in:
Dan
2019-11-24 21:04:12 +00:00
parent 94027b307e
commit ddde4e72a5

View File

@@ -352,13 +352,18 @@
/* font-family: 'Heebo-Regular'; */ /* font-family: 'Heebo-Regular'; */
box-shadow: 1px 2px rgb( 100, 100, 100 ); box-shadow: 2px 3px rgb( 100, 100, 100 );
} }
#rc button:hover { #rc button:hover {
background-color: rgb( 230, 230, 230 ); background-color: rgb( 230, 230, 230 );
} }
#rc button:active {
box-shadow: none;
transform: translateX( 2px ) translateY( 3px );
}
#rc .rounded_btn { #rc .rounded_btn {
border-radius: 30px; border-radius: 30px;
} }
@@ -393,9 +398,17 @@
} }
#rc .xmit_wrap { #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 { #rc .xmit_btn .arrow {
width: 40px; width: 40px;
height: 20px; height: 20px;