HTML разметка CSS оформление #button-design .b-green,#button-design .b-green:before{background:#499bea;background:-moz-linear-gradient(45deg,#499bea 0,#1abc9c 100%);background:-webkit-gradient(left bottom,right top,color-stop(0,#499bea),color-stop(100%,#1abc9c));background:-webkit-linear-gradient(45deg,#499bea 0,#1abc9c 100%);background:-o-linear-gradient(45deg,#499bea 0,#1abc9c 100%);background:-ms-linear-gradient(45deg,#499bea 0,#1abc9c 100%);background:linear-gradient(45deg,#499bea 0,#1abc9c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#499bea’,endColorstr=’#1abc9c’,GradientType=1)} #button-design .button{display:inline-block;position:relative;border-radius:3px;text-decoration:none;padding:.5em;margin:.5em;font-size:2em;font-weight:700;transition:all .5s;-webkit-background-clip:text;-webkit-text-fill-color:transparent} #button-design .button:hover{text-shadow:0 0 0 rgba(255,255,255,.75)} #button-design .button:hover:after{left:100%;top:100%;bottom:100%;right:100%} #button-design .button:before{content:»;display:block;position:absolute;left:0;top:0;bottom:0;right:0;z-index:-1;border-radius:5px;transition:all .5s} #button-design .button:after{content:»;display:block;position:absolute;left:2px;top:2px;bottom:2px;right:2px;z-index:-1;border-radius:5px;transition:all .5s;background:#fff} HTML разметка CSS оформление #button-design .b-pink,#button-design .b-pink:before{background:#e748ea;background:-moz-linear-gradient(45deg,#e748ea 0,#4b1abc 100%);background:-webkit-gradient(left bottom,right top,color-stop(0,#e748ea),color-stop(100%,#4b1abc));background:-webkit-linear-gradient(45deg,#e748ea 0,#4b1abc 100%);background:-o-linear-gradient(45deg,#e748ea 0,#4b1abc 100%);background:-ms-linear-gradient(45deg,#e748ea 0,#4b1abc 100%);background:linear-gradient(45deg,#e748ea 0,#4b1abc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#e748ea’,endColorstr=’#4b1abc’,GradientType=1)} #button-design …
Читать далее