+- Sinisterly (https://sinister.ly)
+-- Forum: Coding (https://sinister.ly/Forum-Coding)
+--- Forum: Coding (https://sinister.ly/Forum-Coding--71)
+--- Thread: Css Animated Buttons (/Thread-Css-Animated-Buttons)
Css Animated Buttons - Kotomi - 08-12-2015
I enjoy these a lot!
[hide]
.button {
/* stuff that makes people go oooo ahhh */
color: white;
font-family: Arial,Helvetica; /* Trust fall */
font-size: 20px;
text-decoration: none;
text-shadow: -1px -1px 1px #616;
position: relative;
padding: 15px 30px;
margin: 0 10px 0 0;
/* WebKit shit */
-webkit-box-shadow: 5px 5px 0 #000000;/*I use long you can use #000*/
-moz-box-shadow: 5px 5px 0 #000000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.button:hover {
/* animate */
top: 5px;
left: 5px;
/* WebKit shit */
-webkit-box-shadow: 0px 0px 0 #666;
-moz-box-shadow: 0px 0px 0 #666;
}
[/hide]
Sorry for some of my comments :3