Generador de botones para Genially

Apariencia

Ancho:

Alto:

Color del botón:

Texto del botón:

Color de fuente:

Tamaño de fuente:

18px

Grosor del borde:

Redondeado del borde:

Color del borde:

Sombreado:

Efectos al pasar el ratón

Color del botón:

Color del borde:

Color de fuente:



			<button id="btn">Texto</button>

			<script></script>

			<style>

			
			#btn{
				width: 100px;
				height: 30px;
				background: #233D4D;
				color: white;
				font-size: 18px;
				border: 0 solid black;
				border-radius: 0;
				box-shadow: 0;
				font-family: "Roboto", sans-serif;
				margin: 10px;
				cursor: pointer;
				outline: none;
				transition: .3s;
			}

			#btn:hover{
			background: #233D4D;
			border-color: black;
			color: white
			}

			


			
</style>