👨‍💻 Generador de botones on line con degradado

Botón generado on line con CSS

El código utilizado es el siguiente

<a href="#" class="BUTTON_DRV">Ejemplo de bobón generado on line con CSS</a> <style> .BUTTON_DRV { background: #3D94F6; background-image: -webkit-linear-gradient(top, #3D94F6, #9CD01E); background-image: -moz-linear-gradient(top, #3D94F6, #9CD01E); background-image: -ms-linear-gradient(top, #3D94F6, #9CD01E); background-image: -o-linear-gradient(top, #3D94F6, #9CD01E); background-image: -webkit-gradient(to bottom, #3D94F6, #9CD01E); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #FFFFFF; font-family: Brush Script MT; font-size: 24px; font-weight: 100; padding: 40px; -webkit-box-shadow: 1px 1px 20px 0 #000000; -moz-box-shadow: 1px 1px 20px 0 #000000; box-shadow: 1px 1px 20px 0 #000000; text-shadow: 1px 1px 20px #000000; border: groove #FFAE00 1px; text-decoration: none; display: inline-block; cursor: pointer; text-align: center; } .BUTTON_DRV:hover { border: solid #99C624 25px; background: #3D94F6; background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0); background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0); background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0); background-image: -o-linear-gradient(top, #3D94F6, #1E62D0); background-image: -webkit-gradient(to bottom, #3D94F6, #1E62D0); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-decoration: none; } </style>

La página para generar el código es la siguiente:

Click en la siguiente Ir a URL: https://cssbuttoncreator.com