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

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Følg Envato

Følg meg og holde et øye for HTML5 videospiller i denne stilen snart!

Ribbon Wrap - mye mer enn en hover effekt

Du holder over elementet, båndet glir ut fra bak det og flyter rundt. CSS bånd endelig flytte.

Det er uendelige muligheter med dette CSS3 verktøyet. Det er super enkelt å implementere og har rikelig med forhåndsinnstilte farger og stiler (men tilpassing er enkel!).

Sørg for å se video forhåndsvisning for å fullt ut forstå hvor kult dette ting er!

Hva kan jeg bruke det til?

Titler og beskrivelser av bilder

Illustrasjon Harry Tennant

Ribbon Wrap kan brukes som en vakker hover effekt for bildebeskrivelser, foto studiepoeng, illustrasjon titler, eller hva annet du kan tenke deg!

Bland det inn med innhold

Det første huske når du prøver kult, at en kule. Dette nummer én regel Tips å være kul

Ribbon Wrap kan behandles som i inline element for å være en del av den vanlige strømmen av innholdet, eller kan plasseres på en måte å dekke innhold når det er svevet. Bruke Ribbon Wrap statisk modus, kan det bli behandlet som en mer "tradisjonelle" CSS bånd uten animasjon.

Social stripe

sosiale medier

Ha en stripe av sosiale medier ikoner gli over din valgte element når svevde.

Tool stripe

verktøy

Tool-stil ikoner kan brukes i stedet. Det er enda en vertikal innstilling.

Spesifikasjoner

  • Pure CSS3 animasjoner
  • 8 fargevarianter - Lett å lage din egen!
  • 5 ekstra stiler å gå med farger
  • 3 hastighetsinnstillinger
  • Super enkel markering
  • Utrolig stabil og fleksibel - kan legges til nesten alle pre-eksisterende design
  • Degraderer grasiøst i nettlesere som ikke støtter CSS3-overganger
  • Tiny filstørrelse, er kjernen CSS-filen bare 13.7kb!
  • Pakket med et sett med 19 ikoner (i både mørke og lyse varianter) pluss en blank ikon
  • Skriftstørrelser og skrifttyper bestemmes utelukkende av din egen CSS
  • CSS-filer delt inn i "kjernen" (13.7kb) og "farger" (48.5kb) som åpner for enklere filstørrelse optimalisering
  • Fungerer automatisk med noen bredde - perfekt for responsive og væske layouts!
  • Fantastisk dokumentasjon som inkluderer 6 forskjellige fullt kommeneksempelfiler (hver inneholder flere eksempler).

Nettleserstøtte

  • Chrome: Full Animasjon
  • Safari: Full Animasjon
  • Firefox: Full Animasjon
  • Opera: Full Animasjon
  • IE8, IE9: No Animasjon, bånd vises umiddelbart når svevet

Kompatibel med Ribbon Player

Dette elementet er kompatibel med Ribbon-spiller, en HTML5 videospiller som bruker samme båndet animasjon. Detaljer om hvordan å kombinere inngår i dokumentasjon av Ribbon Player.

BigFat - Single Page Filtrerbar Portfolio HTML5

ILLUSTRATIC VIDEO

Sørg for å sjekke ut BigFat, min HTML-mal som bruker elementer som ligner på Ribbon Wrap. Vær oppmerksom på at disse to elementene ikke kan kombineres.

Studiepoeng

Forhåndsvis Credits

Mal Credits

* Harry Tennant er en personlig venn av meg og har gitt meg tillatelse til å bruke hans arbeid på denne måten.


Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
8 juni 12

Siste oppdatering:
N / A

Kompatible nettlesere:
IE8, IE9, Firefox, Safari, Opera, Chrome

Filer Inkludert:
HTML, CSS

Programvareversjon:
CSS2, CSS3

Søkeord

eCommerce, eCommerce, Alle artikler, animasjon, bildetekst, farger, CSS3, effekt, hover, HTML5, spiller, bå, nd, bå, nd, rull over, lysbilde, tittel, video