Como aplicar CSS a diferentes palabras con Lettering.js

Written by Daniel Ulczyk. Posted in jQuery

Tagged: Diseño Web, generadores

Published on noviembre 24, 2010 with 1 comentario

Lettering.js es un plugin en jQuery que te permite tomar el control—en cuanto a tipografía y efectos CSS se refiere—sea de palabras o bien de letras en particular a fin de ofrecer efectos verdaderamente interesantes.

Como aplicar CSS a diferentes palabras con Lettering.js

Ejemplo del método .lettering(‘words’)

<p class="word_split">Lorem ipsum</p>

<script>
$(document).ready(function() {
  $(".word_split").lettering('words');
});
</script>

El resultado generado por el script, es el siguiente:

<p class="word_split">
  <span class="word1">Lorem </span>
  <span class="word2">ipsum</span>
</p>

Asimismo, es posible—siempre mediante el uso de span—utilizar efectos diferentes para cada letra.
Sitio Web | letteringjs.com

Artículos similares:

Acerca de Daniel Ulczyk

Mi nombre es Daniel Ulczyk y soy un Webmaster independiente que desarrolla sus actividades en Buenos Aires — Argentina. Soy Consultor SEO y Analista de Accesibilidad Web.

Browse Archived Articles by Daniel Ulczyk

1 comentario

En estos momentos 1 comentario en Como aplicar CSS a diferentes palabras con Lettering.js. Te gustaría agregar el tuyo propio?

  1. Tweets that mention Como aplicar CSS a diferentes palabras con Lettering.js | Rendezvous -- Topsy.com

    noviembre 24, 2010 a las 12:16

    [...] This post was mentioned on Twitter by Daniel Ulczyk, Clipp.es and Paul Milford, Distriker. Distriker said: RT @DanielUlczyk: Como aplicar CSS a diferentes palabras con Lettering.js http://goo.gl/fb/p8ZQD #jquery #diseñoweb #generadores [...]

  2. Bitacoras.com

    noviembre 24, 2010 a las 12:22

    Información Bitacoras.com…

    Valora en Bitacoras.com: Lettering.js es un plugin en jQuery que te permite tomar el control—en cuanto a tipografía y efectos CSS se refiere—sea de palabras o bien de letras en particular a fin de ofrecer efectos verdaderamente interesantes. Eje……

  3. college loanNo Gravatar

    diciembre 4, 2010 a las 01:14

    found your site on del.icio.us today and really liked it.. i bookmarked it and will be back to check it out some more later

Dejar un comentario