WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Animations and Effects

Ribbon Wrap - CSS3 Hover Animation

— Add- On para WorldWideScripts.net

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Siga Envato

Sígueme y mantener un ojo hacia fuera para reproductor de vídeo HTML5 en este estilo pronto!

Envuelva la cinta - mucho más que un efecto hover

Se pasa sobre el elemento, la cinta se desliza desde detrás de ella y se envuelve alrededor. Cintas CSS finalmente se mueven.

Hay un sinfín de posibilidades con esta herramienta CSS3. Es muy fácil de aplicar y tiene un montón de colores y estilos predefinidos (pero personalización es simple!).

Asegúrese de ver la vista previa de vídeo para entender completamente lo genial es esta cosa!

¿Qué puedo usar?

Títulos y descripciones de las imágenes

Ilustración Harry Tennant

Envuelva la cinta se puede utilizar como un hermoso efecto hover para las descripciones de imagen, créditos de fotos, títulos ilustración, o cualquier otra cosa que se pueda imaginar!

Mezclarlo con el contenido

Lo primero que hay que recordar cuando se trata de fresco, que uno fresco. Este el número uno de Consejos regla ser cool

Envuelva la cinta puede ser tratado como en el elemento en línea para ser parte del flujo habitual de los contenidos, o se puede colocar en una manera de cubrir el contenido cuando se cernía. Uso del modo estático Abrigo de la cinta, se puede tratar como una más de la cinta CSS "tradicional" sin ningún tipo de animación.

Tira Social

Medio social

Tener una tira de medios de comunicación social iconos se deslizan sobre el elemento elegido cuando se cernía.

Tira de herramientas

instrumentos

Iconos de estilo de herramientas se pueden utilizar en su lugar. Incluso hay un ajuste vertical.

Características

  • Animaciones CSS3 Pure
  • 8 variaciones de color - Fácil de hacer su propio!
  • 5 estilos extra para ir con los colores
  • 3 ajustes de velocidad
  • Super simple de marcas
  • Perfectamente estable y flexible - se puede agregar a casi cualquier preexistente diseño
  • Se degrada con gracia en los navegadores que no soportan las transiciones CSS3
  • Cuyo tamaño minúsculo, el archivo CSS núcleo es solamente 13.7kb!
  • Empaquetado con un conjunto de 19 iconos (en ambas variaciones de luz y oscuridad), además de un icono en blanco
  • Tamaños y tipos de letra Font determinados exclusivamente por su propio CSS
  • Archivos CSS se dividieron en "núcleo" (13.7kb) y "colores" (48.5kb) lo que permite la optimización de tamaño de archivo más fácil
  • Funciona de forma automática con cualquier ancho - perfecto para diseños sensibles y fluidas!
  • Documentación fantástico que incluye 6 archivos de ejemplo completamente comentado diferentes (cada uno contiene ejemplos múltiples).

Soporte del navegador

  • Chrome: Completo Animación
  • Safari: Full Animación
  • Firefox: Full Animación
  • Opera: Full Animación
  • IE8, IE9: No Animación, cintas aparece instantáneamente cuando rondado

Compatible con el jugador de la cinta

Este artículo es compatible con reproductor de cinta, un reproductor de vídeo HTML5 que utiliza la misma animación cinta. Los detalles sobre cómo combinar se incluyen en la documentación del jugador de la cinta.

BigFat - Una sola página Filtrable Portafolio HTML5

VIDEO ILLUSTRATIC

Asegúrese de revisar BigFat, mi plantilla HTML que utiliza elementos similares a Wrap cinta. Tenga en cuenta que estos dos artículos no se pueden combinar.

Créditos

Vista previa Créditos

Créditos de plantilla

* Harry Tennant es un amigo personal mío y me ha dado permiso para usar su trabajo de esta manera.


Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
08 de junio 12

Última actualización:
N / A

Los navegadores compatibles:
IE8, IE9, Firefox, Safari, Opera, Chrome

Archivos incluidos:
HTML, CSS

Versión del software:
CSS2, CSS3

Palabras clave

eCommerce, eCommerce, Todos los objetos, animació, n, subtí, tulo, colores, css3, efecto, flotar, html5, jugador, cinta, cintas, dese la vuelta, diapositiva, tí, tulo, ví, deo