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

Subskrybuj nasz kanał aby być na bieżąco!

Nowy! Dołącz do nas, jak chcesz!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Śledź Envato

Śledź mnie i miej oko na HTML5 odtwarzacz wideo w tym stylu wkrótce!

Wstążka Wrap - znacznie więcej niż efekt najechania

Po najechaniu na element, taśma wysuwa się za nią i otacza. Taśmy CSS w końcu ruszyć.

Możliwości są nieograniczone z tego narzędzia CSS3. Jest to bardzo łatwe do wdrożenia i ma mnóstwo gotowych kolorach i stylach (ale dostosowywania jest prosta!).

Upewnij się, aby zobaczyć podgląd wideo, aby w pełni zrozumieć, jak fajne to jest to!

Co mogę użyć go do?

Tytuły i opisy zdjęć

Ilustracja Harry Tennant

Wstążka Wrap może być stosowany jako piękny efekt aktywowania dla opisów graficznych, zdjęć, tytułów kredytów ilustracyjny, lub cokolwiek innego można myśleć!

Wymieszać je z zawartością

Pierwszą rzeczą, jaką pamiętam, kiedy próbuje fajne, że jedna fajna. To numer jeden Porady reguły jest fajne

Ribbon Wrap można traktować jako w liniowego elementu być częścią zwykłego przepływu zawartości, albo mogą być usytuowane w taki sposób, aby pokryć zawartości kiedy jest najechaniu. Korzystanie z trybu statycznego wstążką wrap, można go traktować jako bardziej "tradycyjnych" CSS wstążką bez animacji.

Listwa społeczna

Media społecznościowe

Posiada pasek z mediów społecznych ikon przesuwają się nad wybranym elementem, kiedy unosił.

Listwa narzędziowa

Narzędzia

Ikony stylu Narzędzie może być stosowany zamiast. Jest nawet pionowe ustawienie.

Cechy

  • Czyste animacje CSS3
  • 8 wariantach kolorystycznych - Łatwo tworzyć własne!
  • 5 dodatkowych stylów, aby przejść z kolorami
  • 3 ustawienia prędkości
  • Super proste znaczników
  • Fantastycznie stabilny i elastyczny - może być dodawany do niemal każdej istniejącej wcześniej projektu
  • Poniża wdziękiem w przeglądarkach, które nie obsługują przejścia CSS3
  • Mały rozmiar pliku, plik CSS rdzeń jest tylko 13.7kb!
  • Pakowane w zestaw 19 ikon (zarówno w ciemnych i jasnych odmian) plus ikonę pusty
  • Rozmiary czcionek i czcionek określane wyłącznie przez własny CSS
  • Pliki CSS podzielony na "core" (13.7kb) i "kolory" (48.5kb) co ułatwia optymalizację Wielkość pliku
  • Działa automatycznie z dowolnej szerokości - idealne dla wrażliwych i płynnych układów!
  • Fantastyczna dokumentacja, która obejmuje 6 różnych pełni skomentował przykład plików (każdy zawiera wiele przykładów).

Obsługiwane przeglądarki

  • Chrome: Pełna Animacja
  • Safari: Pełna Animacja
  • Firefox: Pełna Animacja
  • Opera: Pełna Animacja
  • IE8, IE9: Nie Animacja, wstążki pojawią się natychmiast po najechaniu

Kompatybilny z Ribbon odtwarzacza

Ten element jest zgodny z Ribbon odtwarzacz, odtwarzacz wideo HTML5, który wykorzystuje tę samą animację taśmą. Szczegółowe informacje na temat jak połączyć zawarte są w dokumentacji Ribbon Player.

BigFat - Single Page HTML5 filtrowalny Portfolio

ILLUSTRATIC WIDEO

Upewnij się, aby sprawdzić BigFat, mój szablon HTML, który wykorzystuje elementy podobne do Ribbon Wrap. Należy pamiętać, że te dwa elementy nie mogą być łączone.

Kredyty

Podgląd kredyty

Szablon kredyty

* Harry Tennant jest moim osobistym przyjacielem i dał mi pozwolenie na wykorzystanie jego pracy w ten sposób.


Pobierz
Inne akcesoria w tej kategoriiWszystkie składniki tego autora
KomentarzeNajczęściej zadawane pytania i odpowiedzi

Właściwości

Utworzono:
08 czerwca 12

Ostatnia aktualizacja:
N / A

Zgodne przeglądarki:
IE8, IE9, Firefox, Safari, Opera, Google Chrome

Pliki wliczony:
HTML, CSS

Wersja oprogramowania:
CSS2, CSS3

Słowa kluczowe

eCommerce, eCommerce, Wszystkie przedmioty, ożywienie, podpis, kolory, CSS3, efekt, unoszą, html5, gracz, wstążka, wstążki, rollover, suwak, tytuł, wideo