Pulsante con gradiente






Codice HTML

<form method="get" action="https://www.puntoinformaticofree.it/"><button type="submit">Scopri di piĆ¹</button></form>


Codice CSS

button {
 width: 15em;
 padding: 12px 12px 12px 12px;
 color: #ffffff;
 text-shadow: 1px 1px 1px #000;
 font: 16px Arial, Helvetica, sans-serif;
 border: solid thin #882d13;
 -webkit-border-radius: .7em;
 -moz-border-radius: .7em;
 border-radius: .7em;
 -webkit-box-shadow: 2px 2px 3px #999;
 box-shadow: 2px 2px 2px #bbb;
 background-color: #ce401c;
 background-image: -webkit-gradient(linear, left top, left bottom,
 from(#e9ede8), to(#ce401c),color-stop(0.4, #8c1b0b));
}