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'; */
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;