Bueno el usar CSS para hacer efectos junto con javascript es el pan de cada día de muchos de los que nos dedicamos al front-end y uno que siempre me a gustado es crear tanto botones a partir de unas cuantas lineas con CSS, aunque claro, esto no sera un boton sino un circulo con texto dentro de él.
El resultado sera algo como lo siguiente:
No es nada complicado hacer algo como eso cuando se tiene cierta practica y el código es el siguiente
HTML
CSS
Y bueno eso es todo para esta entrada, espero les haya gustado este micro-post, bueno ademas les colo un link para que lo vean en vivo sin escribir ni una sola linea
click aquí
El resultado sera algo como lo siguiente:
1
No es nada complicado hacer algo como eso cuando se tiene cierta practica y el código es el siguiente
HTML
Como el editor de mi blog no me deja crear lo que quiero, diré que simplemente es un DIV con un ID lógicamente llamado circulo y que dentro de el contiene el texto a mostrar (en el caso del ejemplo solo es un número)
CSS
#circulo {
height: 100px;
width: 100px;
display: table-cell;
text-align: center;
font-size:36px;
vertical-align: middle;
border-radius: 50%;
background: #8CC657;
}
Y bueno eso es todo para esta entrada, espero les haya gustado este micro-post, bueno ademas les colo un link para que lo vean en vivo sin escribir ni una sola linea
click aquí