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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Seguire Envato

Seguimi e tenere d'occhio per lettore video HTML5 in questo stile presto!

Nastro Wrap - molto più di un effetto hover

Si passa sopra l'elemento, il nastro scorre fuori da dietro e avvolge. Nastri CSS finalmente muoversi.

Ci sono infinite possibilità con questo strumento CSS3. È super facile da implementare e ha un sacco di colori e stili predefiniti (ma la personalizzazione è semplice!).

Assicurati di visualizzare il video in anteprima per comprendere appieno come freddo questa cosa è!

Cosa posso usarlo per?

I titoli e le descrizioni delle immagini

Illustrazione Harry Tennant

Nastro Wrap può essere usato come un bellissimo effetto hover per descrizioni di immagini, crediti fotografici, titoli illustrazione, o qualsiasi altra cosa si può pensare!

Mescolare con contenuti

La prima cosa ricordare quando si cerca fresco, quello fresco. Questo il numero uno Consigli regola essere cool

Nastro Wrap può essere trattato come elemento inline essere parte del solito flusso di contenuti, oppure può essere posizionato in modo da coprire il contenuto quando è librato. Utilizzando la modalità statica del nastro Wrap, può essere trattato come un altro nastro "tradizionale" CSS, senza alcuna animazione.

Striscia sociale

social media

Hanno una striscia di social media icone scorrono sopra il vostro elemento scelto quando aleggiava.

Striscia degli strumenti

Strumenti

Icone strumento-stile possono essere utilizzati al posto. C'è anche una regolazione verticale.

Caratteristiche

  • Animazioni CSS3 Pure
  • 8 varianti di colore - Facile da rendere il vostro!
  • 5 stili extra per andare con i colori
  • 3 impostazioni di velocità
  • Super semplice markup
  • Incredibilmente stabile e flessibile - può essere aggiunto a quasi ogni preesistente progettazione
  • Degrada con grazia nei browser che non supportano le transizioni CSS3
  • Filesize Piccolo, il file core CSS è solo 13.7kb!
  • Confezionato con un set di 19 icone (in entrambe le varianti chiari e scuri) più un'icona vuota
  • Dimensioni dei caratteri e font determinato esclusivamente dal proprio CSS
  • File CSS suddivisi in "core" (13.7kb) e "colori" (48.5kb) che facilitano l'ottimizzazione spazio
  • Funziona automaticamente con qualsiasi larghezza - perfetto per i layout reattivo e fluido!
  • Documentazione fantastico che comprende 6 diversi file di esempio completamente commentato (ognuno dei quali contiene più esempi).

Supporto Browser

  • Chrome: Animazione completa
  • Safari: Full Animazione
  • Firefox: Pieno di animazione
  • Opera: Animazione completa
  • IE8, IE9: No Animazione, nastri appaiono istantaneamente quando oscillato

Compatibile con il giocatore del nastro

Questo articolo è compatibile con lettore nastro, un lettore video HTML5 che utilizza la stessa animazione nastro. I dettagli su come coniugare sono incluse nella documentazione di lettore nastro.

BigFat - Pagina singola filtrabile Portfolio HTML5

VIDEO ILLUSTRATIC

Assicuratevi di controllare BigFat, il mio modello HTML che utilizza elementi simili a nastro Wrap. Si prega di notare che questi due elementi non sono cumulabili.

Credits

Anteprima Credits

Credits Template

* Harry Tennant è un mio amico personale e mi ha dato il permesso di usare il suo lavoro in questo modo.


Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
8 giugno 12

Ultimo aggiornamento:
N / A

Browser compatibili:
IE8, IE9, Firefox, Safari, Opera, Chrome

File inclusi:
HTML, CSS

Software Version:
CSS2, CSS3

Parole chiave

eCommerce, eCommerce, Tutti gli articoli, animazione, titolo, colori, css3, effetto, librarsi, html5, giocatore, nastro, nastri, rotolare, diapositiva, titolo, video