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

— Додатки до WorldWideScripts.net

Підпишіться на наш канал, щоб залишатися в курсі подій!

Новинка! Слідуйте за нами, як ви хочете!


Animated CSS3 Tabs - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ці вкладки анімовані ефекти, які ви зазвичай пов'язують з JavaScript бібліотека, як JQuery. Але вони були побудовані з використанням чистого CSS і Javascript нет не був використаний. Крім того немає зображень були використані в моделюванні з вкладок. Вони підтримують динамічні панелі висоти і активне виділення вкладку.

Цей пункт є 2 широкі категорії - браузер Назад Кнопка інвалідів та браузер Назад Кнопка включена. В останній категорії окремі вкладки можуть бути пов'язані з хеш через теги в URL.

Кожен з перерахованих вище категорій включає в себе 2 стилях (Незвичайні Вкладки і прості вкладки), 6 анімованих ефектів (простий, розсувні, вицвітання, в'яне і висота анімації, масштабування, перекриття), і 5 колірних варіацій (світлий, темний, коричневий. Червоний, зелений).

Базова підтримка для IE8 і нижче був розширений за допомогою посилання IE9.js Діна Едвардса.

Примітка: анімація працює тільки в браузерах, які підтримують CSS3 Transitions, яка в даний час включають Firefox 4+, Safari 4+, Chrome 4+, Opera 10.5+ & IE10 +. Також CSS круглі кути і тіні не буде видно в IE8 і нижче, так як він їх не підтримує. Вони підтримуються в IE9 +.

Оновлений 15 лютого 2012 - Версія 2.0.1

  • Оновлений CSS, щоб зробити вкладки більш сумісні з IE9 +

Оновлене 10 листопада 2010 - Версія 2.0

  1. Додано "Назад Кнопка Відключено" версія
  2. Додана нова анімація - Перекриття
  3. За умови Javascript код з усіма "Номери Webkit" код, щоб подолати Webkit помилки і змусити їх працювати в Safari і Chrome
  4. За умови, Яваскрипт файл, щоб виправити примха Firefox при роботі з "Назад Кнопка інвалідів" версії
  5. За умови, Яваскрипт файл, щоб виправити Opera кнопку назад помилка при роботі з "Назад кнопки Enabled" версія
  6. Інші елементи по CosmoCoder

    1VM SIIiIDVII ас STAND Стилі ТІНЬ ТІНЬ CSS3 ПАК Тіні Тінь Довжини інтенсивності Pure CSS, зображення

    CSS3 СТРІЧКА ПАК Упаковка Hangi пошивні стрічки стилів RIT Стилі Висячі стрічка стрічка Банер Стилі Колір Варіації Чистий CSS3

    Показати фотографії, аудіо, відео яйцеклітини лежать два дисплея Режими фільтрації FunctionaUty Кілька Галерея Набори Підтримка Підтримка рідини Чуйний дизайн з двома Колірні схеми декілька параметрів

Завантажити
Інші компоненти в цій категоріїВсі компоненти цього автора
КоментаріЧасті питання та відповіді

Властивості

Створений:
27 сент 10

Останнє оновлення:
N / A

Висока роздільна здатність:
Так

Сумісні Браузери:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Файли, включені:
JavaScript JS, HTML, CSS

Версія:
CSS3

Ключові слова

електронної комерції, електронної комерції, Всі товари, CSS3, CSS3 навігації, CSS3 стиль, CSS3 переходи, Вкладки