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

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

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

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


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Дотримуйтесь Envato

Слідуйте за мною і стежити за HTML5 відео плеєр в цьому стилі найближчим часом!

Стрічка Wrap - набагато більше, ніж ефект при наведенні

Ви наведіть курсор миші на елемент, стрічка ковзає через нього і по колу. CSS стрічки, нарешті, рухатися.

Є нескінченні можливості з цим CSS3 інструменту. Це дуже легко реалізувати і має багато передвстановлених кольорів і стилів (але настройка просто!).

Переконайтеся, що для перегляду відео-превью, щоб повністю зрозуміти, як круто це справа!

Що я можу його використовувати?

Назви та опису зображень

Ілюстрація Гаррі Теннант

Стрічка Оберніть може бути використаний як красивий ефект польоту для опису зображення, фото, титри, заголовки ілюстрації, або те, що ви можете думати!

Змішайте його з вмістом

Перше, що пам'ятаю, коли спробі круто, що один прохолодний. Це номер один Поради правило бути прохолодно

Стрічка Обгортка може розглядатися як в строковий елемент, щоб бути частиною звичайного потоку контенту, або можуть бути розташовані таким чином, щоб покрити вміст, якщо це завис. Використання статичного режиму Ribbon обернути, вона може розглядатися як більш "традиційних" CSS стрічкою без будь-яких анімації.

Соціальна смуга

соціальні медіа

Є смугу соціальних медіа іконки ковзають над обраного елемента при наведенні.

Смуга Інструмент

інструментів

Іконки інструментів стиль може бути використаний замість. Там навіть вертикальна установка.

Риси

  • Чисті CSS3 анімації
  • 8 колірних варіацій - Легко зробити свій власний!
  • 5 додаткових стилів, щоб піти з квітами
  • Налаштування швидкості 3
  • Супер простий розмітки
  • Фантастично стабільною і гнучкою - можуть бути додані до майже будь раніше існуючого конструкції
  • Погіршує витончено в браузерах, які не підтримують CSS3 переходи
  • Крихітний розмір файлу, файл ядра УС тільки 13.7kb!
  • Поставляється разом з набором з 19 іконок (в обох темних і світлих варіацій) плюс порожній значок
  • Розмір шрифту і шрифти визначається виключно вашої власної CSS
  • CSS файли розділені на "ядро" (13.7kb) і «кольори» (48.5kb), що дозволяє для полегшення оптимізації розмір файлу
  • Працює автоматично будь-якої ширини - ідеально підходить для чутливих і рідких макети!
  • Фантастична документація, яка включає в себе 6 різних повністю обговорювані файли прикладів (кожен з яких містить кілька прикладів).

Підтримка браузерів

  • Хром: Повний Анімація
  • Сафарі: Повний Анімація
  • Firefox: Повне Анімація
  • Опера: Повне Анімація
  • IE8, IE9: Ні Анімація, стрічки з'являються миттєво при наведенні

Сумісність з стрічкою плеєр

Цей пункт є сумісним з стрічкою плеєр, відео-плеєр з HTML5, яка використовує той же стрічковий анімації. Докладніше про те, як об'єднати включені в документацію Ribbon Player.

BigFat - Одна сторінка для фільтрації Портфоліо HTML5

ILLUSTRATIC ВІДЕО

Переконайтеся, щоб перевірити BigFat, мій шаблон HTML, який використовує елементи, аналогічні стрічки Wrap. Будь ласка, зверніть увагу, що ці два пункти не можуть бути об'єднані.

Кредити

Попередній перегляд Кредити

Шаблон Кредити

* Гаррі Теннант є моїм особистим другом і дав мені дозвіл на використання його роботи на цьому шляху.


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

Властивості

Створений:
Вісім 12 червня

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

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

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

Версія:
CSS2, CSS3

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

електронної комерції, електронної комерції, Всі товари, анімація, підпис, кольору, CSS3, ефект, зависати, HTML5, гравець, стрічка, стрічки, перекидання, слайд, назва, відео