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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Följ Envato

Följ mig och håller utkik efter HTML5 videospelare i den här stilen snart!

Ribbon Wrap - mycket mer än en hover effekt

Du för muspekaren över elementet, bandet glider fram bakom det och sveper runt. CSS band äntligen flytta.

Det finns oändliga möjligheter med denna CSS3 verktyg. Det är super lätt att genomföra och har gott om förinställda färger och stilar (men skräddarsy är enkelt!).

Se till att titta på videon förhandsgranskningen till fullo förstå hur cool denna sak är!

Vad kan jag använda det till?

Titlar och beskrivningar av bilder

Illustration Harry Tennant

Ribbon Wrap kan användas som en vacker svävande effekt för bildbeskrivningar, fotokrediter, illustration titlar, eller vad du kan tänka dig!

Blanda den med innehåll

Det första ihåg när man försöker kyla, att en cool. Detta nummer ett regel Tips vara cool

Ribbon Wrap kan behandlas som i inline element vara en del av den vanliga flödet av innehåll, eller kan placeras på ett sådant sätt att täcka innehåll när det svävade. Använda Ribbon Wrap statiska läge, kan det betraktas som en mer "traditionell" CSS band utan animering.

Social remsa

sociala media

Ta en remsa av sociala medier ikoner glider över din valda faktor när svävade.

Verktygsremsan

verktyg

Verktygs stilikoner kan användas i stället. Det finns även en vertikal inställning.

Funktioner

  • Rena CSS3 animationer
  • 8 färgvariationer - Lätt att göra din egen!
  • 5 extra stilar för att gå med färger
  • 3 hastighetsinställningar
  • Super enkel uppmärkning
  • Fantastiskt stabil och flexibel - kan läggas till nästan alla befintlig design
  • Försämrar graciöst i webbläsare som inte stöder CSS3 övergångar
  • Liten filstorlek, är kärnan CSS-filen endast 13.7kb!
  • Förpackad med en uppsättning av 19 ikoner (i både mörka och ljusa varianter) plus en tom ikon
  • Teckenstorlekar och teckensnitt bestäms enbart av din egen CSS
  • CSS-filer delas upp i "kärna" (13.7kb) och "färger" (48.5kb) möjliggör enklare filstorlek optimering
  • Fungerar automatiskt med någon bredd - perfekt för lyhörda och vätske layouter!
  • Fantastisk dokumentation som omfattar 6 olika fullt kommenterade exempelfiler (var och en innehåller flera exempel).

Webbläsare Support

  • Chrome: Full Animation
  • Safari: Full Animation
  • Firefox: Full Animation
  • Opera: Full Animation
  • IE8, IE9: Nej Animation, band visas direkt när svävade

Kompatibel med band Player

Denna punkt är kompatibel med band spelare, en HTML5 videospelare som använder samma band animation. Detaljer om hur man kan kombinera ingår i dokumentationen av Ribbon Player.

BigFat - En sida filtrerbara Portfolio HTML5

ILLUSTRATIC VIDEO

Se till att kolla in BigFat, min HTML-mall som använder element liknande Ribbon Wrap. Observera att dessa två poster som inte kan kombineras.

Krediter

Förhandsgranska Credits

Mall Credits

* Harry Tennant är en personlig vän till mig och har gett mig tillåtelse att använda hans arbete på det här sättet.


Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
8 Jun 12

Senaste uppdateringen:
N / A

Kompatibla webbläsare:
IE8, IE9, Firefox, Safari, Opera, Chrome

Filer Ingår:
HTML, CSS

Programvaruversion:
CSS2, CSS3

Nyckelord

e-handel, e-handel, Alla artiklar, animation, bildtext, fä, rger, CSS3, effekt, svä, va, HTML5, spelare, band, band, rulla ö, ver, glid, titel, video