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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Urmați Envato

Urmați-mă și să păstreze un ochi pentru player video HTML5 în acest stil cât de curând!

Panglică Wrap - mult mai mult decât un efect hover

Treceți peste elementul, panglica alunecă afară din spatele ei și infasoara in jurul. Panglici CSS muta în cele din urmă.

Există posibilități infinite cu acest instrument CSS3. Este foarte ușor să pună în aplicare și are o multime de culori presetate și stiluri (dar personalizarea este simplu!).

Asigurați-vă că pentru a vedea previzualizare video pentru a înțelege pe deplin cat de cool acest lucru este!

Ce pot sa-l folosesc pentru?

Titlurile și descrieri ale imaginilor

Ilustrare Harry Tennant

Panglică Wrap poate fi folosit ca un efect hover frumos pentru descrieri imagine, credite fotografii, titluri ilustrare, sau orice altceva vă puteți gândi!

Se amestecă-l cu conținut

Primul lucru pe care amintesc atunci când se încearcă rece, ca unul rece. Aceasta numărul unu Sfaturi regula fiind rece

Panglică Wrap pot fi tratate la fel ca în elementul inline a fi parte a fluxului de obicei de conținut, sau pot fi poziționate într-un mod de a acoperi conținut atunci când este plutea. Utilizarea modului static Ribbon Wrap, aceasta poate fi tratată ca o mai "tradiționale" panglică CSS, fără nici o animație.

Bandă sociale

social media

Au o bandă de mass-media sociale icoane aluneca pe elementul ales atunci când plutea.

Bandă instrument

Instrumente

Icoane stil instrument poate fi folosit în loc. Există chiar și un cadru vertical.

Caracteristici

  • Animații CSS3 Pure
  • 8 variante de culoare - Usor de a face propriul!
  • 5 stiluri suplimentare pentru a merge cu culori
  • 3 setări de viteză
  • Markup super-simplu
  • Fantastically stabil și flexibil - Poate fi adăugat la aproape orice preexistent proiectare
  • Degradează grațios în browsere care nu acceptă tranziții CSS3
  • Mărimea fișierului Tiny, fișierul CSS de bază este doar 13.7kb!
  • Ambalate cu un set de 19 pictograme (în ambele variante închise și deschise), plus o pictogramă goală
  • Dimensiuni de font și fonturi determinată doar de propria ta CSS
  • Fișierele CSS împărțit în "core" (13.7kb) și "culori" (48.5kb) care permite pentru optimizarea usoara dimensiunea fișierului
  • Funcționează automat cu orice latime - perfect pentru receptiv și fluide machete!
  • Documentație fantastic care include 6 exemplu fișiere diferite pe deplin comentat (fiecare conținând mai multe exemple).

Suport browser

  • Chrome: Animație completa
  • Safari: Animație completa
  • Firefox: Animație completa
  • Opera: Animație completa
  • IE8, IE9: Nu Animatie, panglici apar instantaneu atunci când plutea

Compatibil cu Ribbon jucătorului

Acest produs este compatibil cu Ribbon player, un video player HTML5, care utilizează aceeași animație panglică. Detalii cu privire la modul de a combina sunt incluse în documentația de Ribbon Player.

BigFat - Single Page filtrat Portfolio HTML5

VIDEO ILLUSTRATIC

Asigurați-vă că pentru a verifica BigFat, template meu HTML care foloseste elemente similare Panglică Wrap. Vă rugăm să rețineți că aceste două elemente nu pot fi combinate.

Credite

Preview Credite

Credite de șabloane

* Harry Tennant este un prieten personal al meu și mi-a dat permisiunea de a utiliza munca sa în acest mod.


Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creat:
08 iunie de 12

Ultima actualizare:
N / A

Browsere compatibile:
IE8, IE9, Firefox, Safari, Opera, Chrome

Fișiere incluse:
HTML, CSS

Versiune software:
CSS2, CSS3

Cuvinte cheie

eCommerce, eCommerce, Toate produsele, animație, legendă, colorate, CSS3, efect, planare, HTML5, jucător, panglică, panglici, rostogoli, diapozitiv, titlu, video