Aplicar Propiedades CSS a un Caracter Unicode

En esta página:
Demo Github
En CSS podemos usar Caracteres Unicodes como nombre de Clase CSS, estos caracteres nos pueden servir como iconos o símbolos para guiar al visitante en Nuestra pagina Web.
En este articulo solo quiero mostrar que se puede aplicar Propiedades CSS a los Caracteres Unicodes.
Simplemente reamos la clase a nuestro Carácter Unicode:
estilos.css
1 2 3 4 5 6 7 |
.☂ { font-size: 40px; text-shadow: 0 0 0 purple; padding: 19px; } |
Como verán solo quiero mostrarles que se puede aplicar propiedades CSS a un Carácter Unicode, tal como le aplicaríamos a cualquier nombre de Clase.
Ahora en nuestra vista, simplemente escribimos el Carácter Unicode y se mostrara con el formato CSS aplicado:
index.html
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div class="col-md-4"> <p class="☂">☂</p> <p class="☂">☂</p> <p class="☂">☂</p> <p class="☂">☂</p> </div> |
Listo !
Nota(s)
- No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo.
Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenido.
Social
Redes Sociales (Developers)
Redes Sociales (Digital)