Posts

Showing posts with the label css3 transition

Css3 Buttons styles

go to this link and see the live example https://jsfiddle.net/csszilla/ssgp6mwr/5/ <html> <head> <title>csszilla</title> <style> .button {   -moz-border-radius: 25px;   -moz-box-shadow: #6E7849 0px 0px 10px;   -moz-transform: rotate(0deg);   -moz-transition: all 1s ease-in;   -ms-transform: rotate(0deg);   -ms-transition: all 1s ease-in;   -o-transform: rotate(0deg);   -o-transition: all 1s ease-in;   -webkit-border-radius: 25px;   -webkit-box-shadow: #6E7849 0 0 10px;   -webkit-transform: rotate(0deg);   -webkit-transition: all 1s ease-in;   background-color: #6E7849;   background-image: -moz-linear-gradient(90deg, #B9C788, #6E7849);   background-image: -ms-linear-gradient(90deg, #B9C788, #6E7849);   background-image: -o-linear-gradient(90deg, #B9C788, #6E7849);   background-image: -webkit-linear-gradient(90deg, #B9C788, #6E7849);   back...