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 / Tabs and Sliders

Animated CSS3 Tabs

— Add- On om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Animated CSS3 Tabs - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Deze tabs zijn geanimeerde effecten die je normaal zou associëren met een javascript bibliotheek zoals jQuery. Maar ze zijn gebouwd met behulp van pure css en javascript niet is gebruikt. Verder geen afbeeldingen zijn gebruikt in de styling van de tabbladen. Ze ondersteunen dynamische hoogte ruiten en actieve tabblad highlighting.

Dit punt kenmerkt 2 brede categorieën - Browser Back-knop handicap & Browser Back-knop ingeschakeld. In de laatste categorie kan afzonderlijke tabbladen worden gekoppeld aan hash-tags door middel van in de url.

Elk van de bovengenoemde categorieën omvat 2 ontwerp stijlen (Fancy Tabs & Simple Tabs), 6 geanimeerde effecten (Simple, Glijden, Fading, Fade & Hoogte Animatie, Schaal, Overlap), en 5 kleurvariaties (licht, donker, bruin. Rood, groen).

Basisondersteuning voor IE8 en hieronder is uitgebreid door te verwijzen naar Dean Edwards 'IE9.js.

Opmerking: De animaties werken alleen in browsers die CSS3 Transitions, die op dit moment onder andere Firefox 4+, Safari 4+, 4+ Chrome, Opera 10.5+ & IE10 + ondersteunen. Ook CSS ronde hoeken en schaduwen zal niet zichtbaar in IE8 en hieronder, omdat zij daardoor niet ondersteunen. Zij worden ondersteund in IE9 +.

Bijgewerkt op 15 februari 2012 - Versie 2.0.1

  • Bijgewerkt de css de Tabs meer compatibel te maken met IE9 +

Bijgewerkt op 10 november 2010 - Versie 2.0

  1. Voegde een "Back-knop Disabled" versie
  2. Voegde een nieuwe animatie - Overlap
  3. Voorzien javascript code met "Non Webkit" code om Webkit bugs te overwinnen en ze te laten werken in Safari en Chrome
  4. Mits een javascript bestand naar een Firefox eigenaardigheid fix bij het omgaan met "Back-knop Disabled" versie
  5. Mits een javascript bestand naar een Opera back-knop bug bij het omgaan met "Back-knop Enabled" fix versie
  6. Meer items van CosmoCoder

    1VM SIIiIDVII Aac STAND SHADOW CSS3 SHADOW PACK Shadow Styles lengtes Shadow Intensiteiten Pure CSS, Afbeeldingen

    CSS3 LINT PACK inpakken Hangi inpakken Linten stijlen Rit Opknoping Lint Styles Banner Ribbon Styles Kleurvariaties Pure CSS3

    Show Foto's, Audio, Video eicellen liggen Twee Weergavemodi Filtering FunctionaUty Meerdere Gallery Sets Ondersteuning vloeistof Responsive Design Twee Kleur Schemes meerdere instellingen

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
27 september 10

Laatste update:
N / A

Hoge resolutie:
Ja

Compatibele Browsers:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Bestanden Inbegrepen:
JS JavaScript, HTML, CSS

Software Version:
CSS3

Trefwoorden

eCommerce, eCommerce, Alle spullen, CSS3, CSS3 navigatie, CSS3 styling, CSS3-overgangen, tabs