Aplicar Propiedades CSS a un Caracter Unicode

Nube Colectiva

hace 9 años

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


  .☂ {
	font-size: 40px;
  	text-shadow: 0 0 0 purple;
	padding: 19px;
  }

.☂ {

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


<div class="col-md-4">

    <p class="☂">☂</p>

    <p class="☂">☂</p>

    <p class="☂">☂</p>

    <p class="☂">☂</p>

</div>

</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.