Salve, ho questo bottone in HTML e CSS
Chi mi dice come inserirgli il comando per rimandare chi clicca a questa pagina qui? (incrementiplus.com) grazie in anticipo a chi risponderà.
HTML:
<input type="button" class="enjoy-css" value=" Vuoi un abbonamento?" />
<link async href="http://fonts.googleapis.com/css?family=Open Sans" data-generated="http://enjoycss.com" rel="stylesheet" type="text/css"/>
.enjoy-css {
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
margin: 0 -5px 8px -18px;
padding: 10px 39px 14px 77px;
border: 1px solid #018dc4;
-webkit-border-radius: 3px;
border-radius: 3px;
font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
color: rgba(255,255,255,0.9);
-o-text-overflow: clip;
text-overflow: clip;
background: url("http://enjoycss.com/bg-img/custom/818-y66dr0.png"), rgba(34,63,170,1);
background-position: 50% 50%;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: auto auto;
background-size: auto auto;
-webkit-box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;
box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;
text-shadow: 2px 2px 2px rgba(0,0,0,0.5) ;
-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.enjoy-css:hover {
background-position: 50% 50%;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: auto auto;
background-size: auto auto;
}
.enjoy-css:active {
background: url("http://enjoycss.com/bg-img/custom/818-y66dr0.png"), rgba(14,65,249,1);
background-position: 50% 50%;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: auto auto;
background-size: auto auto;
}
Ultima modifica di un moderatore: