Si han intentado realizar menúes que respondan de determinada manera a los movimientos del ratón, probablemente han hecho uso del a:hover para cambiar el color. Pero hoy en día se pueden animar estas respuestas a través del uso de Selectivizr, un JavaScript que permite que estas pequeñas animaciones aplicadas a los botones puedan visualizarse correctamente en todos los exploradores, incluído en IE6.
Como siempre les digo, mientras más opciones mejor, y si bien últimamente estuve enviando plantillas en .psd que requerían conocimientos de maquetación, también hay veces que encuentro plantillas que ya se encuentran en HTML y solo requieren algunos cambios mínimos que por lo general son solo gráficos.
En la búsqueda de opciones originales para presentar galerías fotográficas, se pueden encontrar diferentes métodos técnicos o se puede optar por opciones vistosas que solo cumplan con una función decorativa.
Al utilizar este tipo de elementos, debemos tener en cuenta que poseen una estética propia y generan un entorno en consecuencia, es por ello que si necesitan realizar algún proyecto extremadamente sobrio, puede que no sea la mejor opción.
Descargar Taped Image Corners | PixelsDaily
En cambio, si lo que desean es simplemente destacar una galería de forma fácil y rápida, este efecto de cintas puede resultarles muy útil. Como podrán ver cuando descarguen el recurso, el funcionamiento es muy simple y no posee mayores complicaciones para su utilización. Hay siete opciones con diferentes posiciones de cinta adhesiva en sus esquinas, todo elaborado en html y css.
En varias oportunidades les he comentado sobre las bondades de CSS3 y con ellas, los problemas que pueden llegar a tener al momento de implementarlos para plataformas web. Es por ello que mi recomendación es aplicar estos efectos con mucho cuidado y sabiendo que en algunos exploradores no podrán ser visualizados correctamente.
Mi selección sería sobre plataformas offline, aplicaciones y gráficos que puedan presentarse a través de un explorador determinado, en redes cerradas o presentaciones interactivas, donde uno mismo tenga la opción de decidir qué explorador usar.
Descargar código de Annotation Overlay Effect | Ver Demo | Tympanus
Dejando las especificaciones un poco de lado, quiero mostrarles una forma de presentación de anotaciones sobre imágenes que resulta muy atractivo y puede llegar a solucionar problemas de espacio. Al hacer clic en una imagen, aparecerán comentarios sobre la misma, cubriendola sutilmente. De esta forma podemos desplegar información accesoria y anotaciones que deseamos aclarar sobre la muestra en cuestión.
Fuente: http://www.kabytes.com/desarrollo/anotaciones-superpuestas-en-css3
LionBars es un plugin jQuery para la creación de barras de scroll copiando el mismo estilo que las del sistema operativo Lion. El script es muy liviano y funciona en la mayoría de los navegadores modernos.
Específicamente los navegadores que soportan a la perfección el uso de este plugin son: IE8, Safari, Firefox, Chrome, Opera, tanto en Windows como en OSX.
Las barras de scroll modificadas se ven de la siguiente manera:
1. Incluir la ruta completa al script
<script type="text/javascript" src="jquery.lionbars.0.3.min.js"></script>
2. Incluir las hojas de estilo necesarias
@include 'lionbars.css';
3. Finalmente llamar al plugin para que haga su trabajo
$('#box').lionbars();
El plugin no tiene demasiada ciencia, no obstante es un lindo detalle para utilizar en nuestros sitios web y darle un toque de distinción a nuestro diseño 
Web: LionBars
He compartido ya algunos tutoriales para agregar animaciones en diferentes elementos de un diseño web, y les he explicado lo que sucede con la implementación de CSS3 y la compatibilidad con diferentes exploradores.
Tengan en cuenta siempre, antes de aplicar estas herramientas en los diseños, que probablemente pierdan efectos cuando se trasladen a exploradores antiguos. La idea detrás de estos efectos es ofrecer información sobre los botones, sin importar cuáles sean. En la demo verán que se utilizan iconos sociales, pero la realidad es que pueden ser reemplazados por otras opciones sin problemas.
Descargar Animated Tooltips With CSS3 | Ver Demo | Tympanus
Verán todos los códigos competentes en el sitio, y pueden descargar el código para analizar y utilizar sin problemas. Pueden cambiar las imágenes y los textos que aparecen y elegir la forma en la que lo hacen, hay 4 opciones planteadas, pero si se animan pueden generar muchas más y quizás encontrar algunas más adecuadas a lo que están necesitando.
© 2006 Miracle Design. Todos los derechos reservados