nxk nkjcn jcj cj jc jnc jkcj cjx
control +f para buscar
Boton rojo Boton verde Boton verde Boton azul Boton azul]]></b:skin>
luego encima de esa lineal pegamos
.btn{ border: none; cursor: pointer; color: #fff; display: inline-block; padding: 16px 22px; /*margen interno*/ border-radius: 6px; /*borde redondeado*/ text-align: center; line-height: 22px; font-family: "Roboto", sans-serif; font-size: 18px; /*tamaño de las letras*/ overflow: hidden; margin-left: 15px; box-shadow: 0px 6px 18px -5px rgba(0, 0, 0, 0.5); background-size: 300% 100%; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .btn:visited, .btn:hover{ color: #fff; } .btn:hover { background-position: 100% 0; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .btn i{ color: #fff; font-size: 16px } /*Verde*/ .btn.color-verde { background-image: linear-gradient(to right, #137f4c, #2bb673, #2bb673, #137f4c); } /*Azul*/ .btn.color-azul { background-image: linear-gradient(to right, #0377a8, #4481eb, #4481eb, #0377a8); } /*Rojo*/ .btn.color-rojo { background-image: linear-gradient(to right, #eb3941, #f15e64, #f15e64, #eb3941); } /*Amarillo*/ .btn.color-amarillo { background-image: linear-gradient(to right, #e48803, #e4ae2d, #e4ae2d, #e48803); } /*Oscuro*/ .btn.color-oscuro { background-image: linear-gradient(to right, #29323c, #485563, #485563, #29323c); } /*Claro*/ .btn.color-claro { background-image: linear-gradient(to right, #ccc, #e8e8e8, #e8e8e8, #ccc); color: #000 } .btn.color-claro i {color: #000} .centrar{text-align: center;} a{text-decoration: none;}
EN <head>
pegamos
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
Guardamos en el coton superior derecho
luego vamos a la entrada y pegamos teniendo en codigo html etiqueta
<a href="#" class="btn color-verde"> Boton verde </a>
Hola
ResponderBorrarholaa
ResponderBorrar