Zestaw 16 ikon pogody / klimatu w formacie SVG i pętli animacji wykonanych w czystym JavaScript. Nie użyto bibliotek. Nie zastosowano animacji SMIL. Skalowalne do dowolnego rozmiaru i całkowicie oparte na wektorze. 16 plików SVG i 1 opcjonalny plik CSS Kolory można edytować za pomocą pliku arkusza stylów (lub bezpośrednio za pomocą atrybutów SVG) Każdy plik SVG ma własny kod JavaScript zapisany wewnątrz, więc nie można sterować zewnętrznymi plikami JavaScript Prędkości animacji można kontrolować za pomocą ustawień JavaScript Oddzielne ustawienia prędkości dla każdego element. Na przykład prędkość obrotowa słońca, promienie słoneczne, chmura, deszcz itp. Lista ikon: - Słoneczny (Bezchmurny dzień) - Częściowo pochmurny - Częściowo słonecznie - Pochmurny - Mżawka - Deszcz - Śnieżny - Mżawka Słoneczny - Deszcz Słoneczny - Śnieżny Słoneczny - Czysta noc - Częściowo Cl
Elegancki, nowoczesny i innowacyjny: Gear HTML5 Audio Player. Zaprezentuj swoją muzykę ze stylem. Gear Player zapewnia niespotykany interfejs użytkownika, który zaangażuje wszystkich. Wykorzystuje HTML5 do granic możliwości dzięki płynnym animacjom SVG, unikalnemu korektorowi Canvas i obsłudze SoundCloud. Główne cechy Intuicyjny interfejs Elastyczne projektowanie Gładkie animacje SVG Korektor płótna Odtwarzanie losowe Okrągły pasek odtwarzania JSON Listy odtwarzania Zadokowany Mini odtwarzacz Obsługa SoundCloud Losowe kolory Niekończące się albumy Ponad 40 opcji Przyjazne dla urządzeń mobilnych Wykonane z MNIEJ wersji demo zawarte Kredyty SoundManager2 by Schillmania schillmania.com/projects/soundmanager2/ Greensock autor: Jack Doyle www.greensock.com Raphael.js
4.83/ 29
586
To jest samodzielna wersja jQuery. Wtyczka WordPress jest tutaj: Enliven 'em! - Silnik animacji SVG dla WordPress Szukasz czegoś gotowego do użycia z „Enliven 'em”? Sprawdź: Dodatek Premium: 50 internetowych ikon promocyjnych Darmowy dodatek: 47 Płaskich ikon Darmowy dodatek: 10 dzielników tekstu retro Darmowy dodatek: Płaskie ikony - zestaw 2 (NOWOŚĆ) Omówienie: Enliven 'em jest jQuery wtyczka, która pozwala animować dowolną grafikę wektorową prezentowaną jako pliki SVG na wiele różnych sposobów, gdy ilustracje wektorowe stają się widoczne w oknie przeglądarki użytkownika (dobre dla urządzeń „bez aktywowania”, takich jak Apple). Możesz także zezwolić na powtarzanie animacji, gdy użytkownik kliknie lub stuknie Twoją grafikę. Wszystkie dane animacji są przechowywane w samym kodzie SVG, który
5/ 28
499
LivIcons Evolution jako wtyczka jQuery Nowe, całkowicie przebudowane, ekskluzywne animowane ikony wektorowe LivIcons Evolution to kolejna nowoczesna generacja klasycznej paczki ikon wektorowych z różnych przeglądarek z indywidualną animacją dla każdej z nich. Opierają się na SVG (Scalable Vector Graphic), obsługiwanym przez JavaScript, działają we wszystkich nowoczesnych przeglądarkach i wyglądają idealnie na każdym urządzeniu. Tak, Retina też. Głównym celem tego skryptu jest zwiększenie indywidualności i interaktywności w witrynach klientów oraz wyróżnienie ich na tle konkurencji. Zapoznaj się z pełną listą funkcji, przykładami, dokumentacją i narzędziem konfiguracyjnym na stronie demonstracyjnej i umieść
4.94/ 18
815
generator kodu zawiera nieograniczoną liczbę wierszy i kolumn wielofunkcyjny 12 stylów kolorów 18 wstążek płynny układ fantazyjne podpowiedzi fantazyjne efekty zgodne z WP trywialne do dostosowania i wdrożenia Changelog v1.2 - 5 sierpnia 2011 * drobne poprawki błędów * najnowsza poprawka zgodności jQuery v1.0 - 1 lutego 2011 * pierwsze wydanie
4.22/ 68
457
Te animowane banery SVG ożywi nawet najbardziej podstawowe strony. Są to SVG (skalowalna grafika wektorowa), co oznacza, że możesz zrobić je w dowolnym rozmiarze i pokazać na dowolnym ekranie (nawet siatkówce), i będą wyglądać w 100% ostro i wyraźnie. Co dzieje się, gdy ikona nie jest wyświetlana na ekranie? Nie martw się, ikony nie będą animowane, dopóki nie przewiniesz ich do widoku. Łatwa do edycji Korzystanie z tych banerów jest niezwykle proste! Poważnie, po prostu dodaj div z odpowiednią nazwą klasy, a my go stąd zabierzemy: <div class = "dxcdeskicon desk01"> </div> Nawet dodanie przycisków do sterowania animacjami to bułka z masłem. Możesz nawet określić, na jaki banner będzie to miało wpływ, umieszczając ich liczby między nawiasami: przycisk <onclic
3/ 4
118
Opis ogólny StarShine generuje migające gwiazdy o 6 konfigurowalnych parametrach. Dodaj błyszczące, seksowne lub kreskówkowe światła do dowolnego elementu HTML. Dostosuj położenie, rozmiar, pozycję, kolor, czas, typ gwiazdy. I niech świeci! CECHY Łatwy w użyciu Niskie zużycie procesora Elastyczne, przyjazne dla urządzeń mobilnych Bogate ustawienia dostosowywania Obsługa IE9 + i wszystkie nowoczesne przeglądarki Dobrze udokumentowane przykładami kodu TECHNOLOGIA StarshineJS współpracuje z SVG, ponieważ na dzień dzisiejszy jest to najlepsze i najprostsze rozwiązanie do tworzenia animowanych efektów HTML. Aby uniknąć rozwoju „roweru”, skorzystaliśmy z biblioteki SVG.JS. POMYSŁ Jak narodził się ten pomysł? Dawno, dawno temu w wersjach wcześniejszych niż HTML5 strony docelowe Flash zawierały wiele błyszczących efektów flash, które powodowały awarię przeglądarki. Jeden ef
0/ 2
100