Día 16: Efectos CSS3 fáciles con Google Fonts

Dentro de la API de Google Fonts podemos encontrar la opción para mostrar efectos preestablecidos a los textos para ahorrarnos un par de minutos. Son útiles para [insertar algo útil] y para [otra cosa útil].

Comenzaremos importando la fuente que queremos.

@import url(http://fonts.googleapis.com/css?family=Open+Sans:800);

Pero agregaremos al final de su URL el parámetro effect.

@import url(http://fonts.googleapis.com/css?family=Open+Sans:800&effect=3d;

A lo que podremos mostrar un texto con efecto 3D con la clase font-effect-3d.

Lorem Ipsum

Podremos incluir varios efectos separándolos con el operador "|". La lista de efectos completa la puedes ver aquí, con su equivalencia en API y clase.

Anaglyph

Brick Sign

Canvas Print

Crackle

Decaying

Destruction

Distressed

Distressed Wood

Emboss

Fire

Fire Animation

Fragile

Grass

Ice

Mitosis

Neon

Outline

Putting Green

Scuffed Steel

Shadow Multiple

Splintered

Static

Stonewash

Three Dimensional

Three Dimensional Float

Vintage

Wallpaper


palabras / Compartir en: Facebook , Twitter o copiar enlace