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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Seuraa Envato

Seuraa minua ja pitää silmällä HTML5 videosoitin tähän tyyliin pian!

Ribbon Wrap - paljon enemmän kuin hääriä vaikutus

Viet yli elementin, nauha liukuu pois takana ja kiertyy. CSS nauhat vihdoin liikkua.

On loputon mahdollisuuksia tämän CSS3 työkalulla. Se on erittäin helppo toteuttaa ja on runsaasti valmiiksi värejä ja tyylejä (mutta räätälöinti on yksinkertainen!).

Muista katsoa videon esikatselu täysin ymmärtämään kuinka siistiä tämä asia on!

Mitä voin käyttää sitä?

Otsikot ja kuvaukset kuvia

Kuva Harry Tennant

Nauha Wrap voidaan käyttää kaunis hääriä vaikutus kuvan kuvaukset, valokuva opintopistettä, kuvitus otsikoita, tai mitä tahansa muuta voit ajatella!

Sekoita sen sisältöä

Ensimmäinen asia muistaa, kun yrittää siistiä, että yksi viileä. Tämä numero yksi sääntö Vinkkejä kylminä

Nauha Wrap voidaan käsitellä kuten inline elementti on osa tavanomaista virtauksen sisältöä, tai voidaan sijoittaa tapa kattaa sisältöä, kun se leijui. Käyttämällä Ribbon Wrap n staattisessa tilassa, se voidaan rinnastaa enemmän "perinteinen" CSS nauha ilman animaatiota.

Sosiaaliset kaistale

sosiaalinen media

On kaistale sosiaalisen median kuvakkeet liukua valitsemasi elementti kun leijui.

Työkalu nauhat

työkalut

Työkalu-tyyli kuvakkeet sijasta voidaan käyttää. On jopa pystysuora asetus.

Ominaisuudet

  • Pure CSS3 animaatiot
  • 8 värivaihtoehtoa - Helppo tehdä omia!
  • 5 ylimääräistä tyylejä mennä värejä
  • 3 nopeusasetusta
  • Super yksinkertainen markup
  • Fantastisen vakaa ja joustava - Voidaan lisätä lähes kaikki ennestään suunnittelu
  • Hajoaa sulavasti selaimissa, jotka eivät tue CSS3 siirtymiä
  • Tiny tiedostokoko, ydin CSS-tiedosto on vain 13.7kb!
  • Pakattu joukko 19 kuvakkeet (sekä pimeyden ja valon vaihtelut) plus tyhjä kuvake
  • Fontin kokoja ja fontteja määräytyy puhtaasti oman CSS
  • CSS-tiedostoja jaettu "ydin" (13.7kb) ja "värejä" (48.5kb) mahdollistaa helpompaa tiedostokoko optimointi
  • Toimii automaattisesti jokin leveys - täydellinen reagoiva ja nesteen ulkoasuja!
  • Fantastic asiakirjat joka sisältää 6 erilaista Kommentoitu esimerkki tiedostoja (joista kukin sisältää useita esimerkkejä).

Selain Tuki

  • Chrome: Koko Animaatio
  • Safari: Full Animaatio
  • Firefox: Full Animaatio
  • Opera: Full Animaatio
  • IE8, IE9: Ei animaatiota, nauhat näkyvät heti kun leijui

Yhteensopiva Ribbon Player

Tämä tuote on yhteensopiva Ribbon soitin, HTML5 videosoitin, joka käyttää samaa nauha animaatio. Tiedot siitä, miten yhdistää sisältyvät asiakirjat Ribbon Player.

BigFat - Yksi sivu Suodatettavan Portfolio HTML5

ILLUSTRATIC VIDEO

Muista tarkistaa BigFat, minun HTML-mallin, joka käyttää samankaltaisia ​​elementtejä Ribbon Wrap. Huomaa, että nämä kaksi tuotetta ei voi yhdistää.

Laajuus

Esikatselu Laajuus

Template Laajuus

* Harry Tennant on henkilökohtainen ystäväni ja on antanut minulle luvan käyttää hänen työstään tällä tavalla.


Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
08 kesäkuu 12

Viimeisin päivitys:
N /

Yhteensopiva Selaimet:
IE8, IE9, Firefox, Safari, Opera, Chrome

Tiedostoja mukana:
HTML, CSS

Ohjelmistoversio:
CSS2, CSS3

Avainsanoja

eCommerce, eCommerce, Kaikki tuotteet, animaatio, kuvateksti, vä, rit, CSS3, vaikutus, hä, ilyä, HTML5, pelaaja, nauha, nauhat, kierä, hdä, dia, otsikko, video