miércoles, 26 de octubre de 2011

Oloblogger

Oloblogger


Blur Menu. Para practicar transiciones CSS3

Posted: 25 Oct 2011 08:00 AM PDT

En Tympanus hay varios tutoriales interesantes, pero el que hoy ha llamado mi atención ha sido uno sobre una serie de menús con efecto blur (que más o menos es lo mismo que decir borroso o desenfocado), en los que las transiciones CSS3 tienen un especial protagonismo... sin olvidar las transformaciones.

En esta página tenéis una serie de ejemplos y esta otra, el código para conseguir cada uno de esos menús.

Y como con este tipo de cosas es mejor una imagen que mil palabras, a continuación tres de los allí ofrecidos y el código correspondiente. Hay que tener en cuenta que ambas propiedades funcionan correctamente en Chrome y Safari, que en Firefox no se aprecian las transiciones y que en Explorer no funciona ninguna a menos que tengas la versión 9.














No hay comentarios:

Publicar un comentario

Correo Vaishnava