Maskew es una biblioteca JavaScript para la distorsión de elementos mediante una mascara que se incorpora automáticamente, de forma muy similar a como haríamos con Photoshop y sus famosas capas.
Esta biblioteca es ultra liviana, apenas 5 KB. Funciona perfectamente sin dependencias, no obstante si en nuestro proyecto contamos con el framework jQuery podemos utilizarla como un plugin, simplificando bastante la forma de implementar este magnifico recurso.
También es para destacar que necesitamos un navegador moderno para que funcione perfectamente, algo bastante entendible si lo miramos desde el punto de vista de que la mayoría de las transformaciones las logra mediante el uso de CSS3.
Ejemplo de uso:
maskew.skew(9); // o con jQuery: $maskew.maskew('skew', 20); // o: $maskew.maskew().skew(20);
Es la primera vez que veo una biblioteca para hacer esta clase de efectos, una forma muy divertida de darle un atractivo visual dinámico a nuestros sitios web.
Recuerden que esta biblioteca puede implementarse con cualquier clase de elementos, ya sea solo texto, o bien con imágenes. El resto queda a cargo de nuestra imaginación 😀
Web: Maskew
Los comentarios están cerrados.