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 per WorldWideScripts.net

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Seguiu Envato

Segueix-me i mantenir un ull cap a fora per a reproductor de vídeo HTML5 en aquest estil aviat!

Emboliqui la cinta - molt més que un efecte hover

Es passa sobre l'element, la cinta llisca des de darrere d'ella i s'embolica al voltant. Cintes CSS finalment es mouen.

Hi ha una infinitat de possibilitats amb aquesta eina CSS3. És molt fàcil d'aplicar i té un munt de colors i estils predefinits (però personalització és simple!).

Assegureu-vos de veure la vista prèvia de vídeo per entendre completament el genial és aquesta cosa!

Què puc fer servir?

Títols i descripcions de les imatges

Il·lustració Harry Tennant

Emboliqui la cinta es pot utilitzar com un bell efecte hover per a les descripcions d'imatge, crèdits de fotos, títols il·lustració, o qualsevol altra cosa que es pugui imaginar!

Barrejar amb el contingut

El primer que cal recordar quan es tracta de fresc, que un fresc. Aquest el número u de consells regla ser cool

Emboliqui la cinta pot ser tractat com a l'element en línia per ser part del flux habitual dels continguts, o es pot posar en una manera de cobrir el contingut quan planava. Ús de la manera estàtic Abric de la cinta, es pot tractar com una més de la cinta CSS "tradicional" sense cap tipus d'animació.

Tira Social

Mitjà de comunicació social

Tenir una tira de mitjans de comunicació social icones llisquen sobre l'element triat quan planava.

Tira d'eines

instruments

Icones d'estil d'eines es poden utilitzar al seu lloc. Fins i tot hi ha un ajust vertical.

Característiques

  • Animacions CSS3 Pure
  • 8 variacions de color - Fàcil de fer el seu propi!
  • 5 estils extra per anar amb els colors
  • 3 ajustaments de velocitat
  • Super simple de marques
  • Perfectament estable i flexible - es pot afegir a gairebé qualsevol preexistent disseny
  • Es degrada amb gràcia en els navegadors que no suporten les transicions CSS3
  • Que el seu grandària minúscula, l'arxiu CSS nucli és només 13.7kb!
  • Empaquetat amb un conjunt de 19 icones (en ambdues variacions de llum i foscor), a més d'una icona en blanc
  • Mides i tipus de lletra Font determinats exclusivament pel seu propi CSS
  • Arxius CSS es van dividir en "nucli" (13.7kb) i "colors" (48.5kb) el que permet l'optimització de mida del fitxer més fàcil
  • Funciona de forma automàtica amb qualsevol ample - perfecte per a dissenys sensibles i fluïdes!
  • Documentació fantàstic que inclou 6 arxius d'exemple completament comentat diferents (cada un conté exemples múltiples).

Suport del navegador

  • Chrome: Complet Animació
  • Safari: Full Animació
  • Firefox: Full Animació
  • Opera: Full Animació
  • IE8, IE9: No Animació, cintes apareix instantàniament quan rondat

Compatible amb el jugador de la cinta

Aquest article és compatible amb reproductor de cinta, un reproductor de vídeo HTML5 que utilitza la mateixa animació cinta. Els detalls sobre com combinar s'inclouen en la documentació del jugador de la cinta.

BigFat - Una sola pàgina filtrable Portafoli HTML5

VIDEO ILLUSTRATIC

Assegureu-vos de revisar BigFat, la meva plantilla HTML que utilitza elements similars a Wrap cinta. Recordeu que aquests dos articles no es poden combinar.

Crèdits

Vista prèvia Crèdits

Crèdits de plantilla

* Harry Tennant és un amic personal meu i m'ha donat permís per usar el seu treball d'aquesta manera.


Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
Juny 8 12

Darrera actualització:
N / A

Els navegadors compatibles:
IE8, IE9, Firefox, Safari, Opera, Chrome

Arxius inclosos:
HTML, CSS

Versió del programari:
CSS2, CSS3

Paraules clau

eCommerce, eCommerce, Tots els Articles, animació, subtí, tol, colors, CSS3, efecte, surar, html5, jugador, cinta, cintes, rollover, diapositiva, tí, tol, ví, deo