CSS3 shine button

dabblet.css

/* CSS3 shine button */


a { display: block; width: auto; margin: 10px; padding: 10px; text-align: center; border: 1px solid #0C649F; border-radius: 5px; -webkit-border-radius: 5px; Start Gradient */ background: #347aff; background: -moz-linear-gradient(top,  #347aff 0%, #347ae5 50%, #2b65dc 50%, #2455ba 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#347aff), color-stop(50%,#347ae5), color-stop(50%,#2b65dc), color-stop(100%,#2455ba)); background: -webkit-linear-gradient(top,  #347aff 0%,#347ae5 50%,#2b65dc 50%,#2455ba 100%); background: -o-linear-gradient(top,  #347aff 0%,#347ae5 50%,#2b65dc 50%,#2455ba 100%); background: -ms-linear-gradient(top,  #347aff 0%,#347ae5 50%,#2b65dc 50%,#2455ba 100%); background: linear-gradient(to bottom,  #347aff 0%,#347ae5 50%,#2b65dc 50%,#2455ba 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#347aff', endColorstr='#2455ba',GradientType=0 ); /* End Gradient */ line-height: 125%; text-decoration: none; text-shadow: 0px -1px 0px #1E4698; color: #FFFFFF; }

a:hover { order-color: #F0F0F0; /* Start Gradient */ background: #224faa; background: -moz-linear-gradient(top,  #224faa 0%, #2c77e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224faa), color-stop(100%,#2c77e0)); background: -webkit-linear-gradient(top,  #224faa 0%,#2c77e0 100%); background: -o-linear-gradient(top,  #224faa 0%,#2c77e0 100%); background: -ms-linear-gradient(top,  #224faa 0%,#2c77e0 100%); background: linear-gradient(to bottom,  #224faa 0%,#2c77e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#224faa', endColorstr='#2c77e0',GradientType=0 ); /* End Gradient */ text-decoration: none; box-shadow: inset 0px 1px 5px #002F57; color: #F5F5F5; }

dabblet.html

<a href="#">Button</a>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"all"}