Ten przedmiot jest rozszerzeniem i wymaga albo Enliven 'em! - Silnik animacji do grafiki wektorowej lub ożywienia! - SVG Animation Engine dla WordPress Omówienie: Ten element jest dodatkiem do Enliven 'em! - Animation Engine i zawiera 50 gotowych do użycia internetowych ikon promocyjnych. Każda ikona ma 5 wariantów tła (łącznie 250 plików SVG) i została zaprojektowana i opracowana wyłącznie dla skryptu Enliven. Integracja i personalizacja ikon jest łatwa, jak każda inna SVG, która jest gotowa do użycia z Enliven 'em Animation Engine. Po zakupie zapoznaj się z dokumentacją. Główne cechy: 100% gotowy do użycia Responsive domyślnie 5 różnych środowisk Łatwe do ukrywania cieni Łatwe do ukrywania zarówno cieni, jak i tła
5/ 4
101
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
Wheelizate Tabs to alternatywne rozwiązanie do nawigacji w kartach. Używa koła zamiast przycisków poziomych lub pionowych. To jest wersja wtyczki HTML5 / JavaScript / jQuery. Wersja WordPress jest dostępna tutaj To jest wersja wtyczki HTML5 / JavaScript / jQuery. Wersja WordPress jest dostępna tutaj Kredyty Demo Framework HTML: Bootstrap v3.3.5 Avatary na kole Apart: User Inter Faces Obrazy na centralnym kole: Unsplash Wymagane wtyczki Biblioteka JavaScript: jQuery v1.11.3 Biblioteka SVG: Raphaël.js v2.1.2 (dostosowany) Koło biblioteka nawigacji: wheelnav.js v1.7.0 Darmowe ikony SVG: z ikon Raphaël Changelog v2.2.0
4.92/ 12
147
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
Animacje Spinning Earth Globe ze znacznikami i karuzelą z logo na komputery i urządzenia mobilne. Idealny sposób na wizualizację lokalizacji wydarzenia / biura / sklepu / miasta lub zaprezentowanie logo partnerów / sponsorów. Obrót globu złożony z płaskich map świata animowanych w masce koła Płynna animacja (wykonane za pomocą Velocity.js) Szybkość i sekwencja animacji kontrolowana za pomocą Javascript (zdefiniowane zmienne) Animacja pojawia się, gdy glob stanie się widoczny w przeglądarce Niezależna od rozdzielczości grafika SVG (idealna do wyświetlacze o większej gęstości pikseli, takie jak siatkówka) Łatwa zmiana szerokości, kolorów lub widoczności elementów, parametry animacji W sumie: 7 różnych przykładów animacji + 33 wstępne ustawienia kolorów Wersje: glob z mapą mar
4.67/ 9
197
To odliczanie jest zasilane świetną biblioteką wieloplatformową - Raphaël - która korzysta z animacji SVG, gdziekolwiek jest obsługiwana (i VML dla przeglądarek IE). Zawiera jQuery i kilka wtyczek do stylizowania tekstu za pomocą cienia i animacji tła. Bardzo łatwy w instalacji. Podstawowa obsługa nie wymaga wiedzy technicznej. - Animacja licznika oparta na wektorze - Skalowalna - Ładnie wyglądający pasek postępu - Łatwa instalacja - Nie wymaga specjalnej wiedzy - Ważny HTML
4.67/ 6
123
Trigons to elastyczny skrypt JS, który pozwala tworzyć nowoczesne i stylowe abstrakcyjne obrazy SVG z opcjonalnymi animacjami Skrypt Trigons jest kodowany jako wtyczka do biblioteki d3.js (d3js.org) i wykorzystuje wbudowaną w d3 metodę triangulacji Delaunay do tworzenia kolorowych i animowane obrazy abstrakcyjne. Nie wymaga jQuery. Skrypt zawiera siedem (7) metod tworzenia i animowania obrazów SVG, a także konwertowania tych obrazów na PNG w przeglądarce lub używania ich jako „obrazu tła” elementów w dokumentach HTML. Zapoznaj się z funkcjami i odwiedź stronę demonstracyjną Trigons, aby uzyskać więcej informacji. Główne cechy: Wyjątkowa funkcja obrazów Trigons, którą można animować za pomocą 30 wbudowanych efektów. Utworzono obrazy SVG Trigons c
4.17/ 6
140
Fajny wykres kołowy 3D opracowany w JavaScript / SVG / VML alternatywa. Nie potrzebujesz wiedzy w JavaScript ani SVG / VML. Możesz zmienić: pozycję, szerokość, wysokość, promień X i Y oraz głębokość tortu Atrybuty opcjonalnych legend Opcjonalne tło etykietki i rozmiar tekstu Tytuły Możesz dodać więcej elementów Wymagane Jquery v 1.3.1+ i Raphael 2.1 .1+ Przetestowałem to w Firefox 12, Chrome 19, Safari 5, Opera 11 i IE 9.0 oraz widok zgodności dla v.7 i v.8. także w Iphone i Android. Animowane wykresy Flash
4.17/ 6
145
jQuery Menu Plugin z fajnymi efektami Gooey Wtyczka pozwala na tworzenie lepkiego / gumowatego menu z okręgami jako elementami menu. Zobacz liveemo! Funkcje Fajne efekty lepkie przy użyciu filtrów SVG Sześć stylów menu (okrągłe, rozmieszczone w stosie, poziome, pionowe menu) Ponad 15 łatwo konfigurowalnych opcji Łatwy w użyciu interfejs API zdarzeń W pełni responsywny układ Obsługa wszystkich nowoczesnych przeglądarek Oceń, jeśli Ci się podoba!
3.75/ 4
57
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
Animowane ilustracje SVG - animacja, stworzona przy pomocy biblioteki JavaScript Snap.svg Główne cechy: Gotowy na Retina Unikalny projekt Czysty kod Animacja kreatywna Biblioteka Snap.svg Łatwa zmiana koloru Dołączone pliki Adobe Illustation Strony HTML Pełna dokumentacja Kodowanie HTML5 i CSS3 Łatwy w użyciu i Dostosuj pliki zip Zawartość: Pliki HTML Pliki CSS Pliki JS Pliki AI Plik dokumentacji
0/ 0
21
Education Animated SVG Icon Set is a pack of 16 different types of education related svg animated icons which you can easily integrate to any project to make it feel more lively. All the svg are distributed as separate files so that you can easily distinguish one from another and use it on your next awesome project.
0/ 0
8
20 pięknych animowanych ikon SVG idealnych do wyświetlania na urządzeniach medycznych, takich jak blogi, strony, witryny, portale. Dostosowywalne kolory do własnych potrzeb za pomocą css. Opcjonalny efekt aktywowania za pomocą css. Świetny występ, atrakcyjne animacje. Możliwość dostosowania i kontroli z javascript. Możesz zmienić prędkość, kierunek, pauzę, odtwarzanie, zapętlenie.
0/ 0
15
Sprawdź wersję WordPress Animowane ikony SVG to doskonały sposób na poinformowanie klientów, że Twoja aplikacja, motyw lub gra działa idealnie we wszystkich (lub niektórych) głównych przeglądarkach. Animują się tylko wtedy, gdy są widoczne na ekranie. Są to wszystkie 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. Porównaj ten skalowany plik SVG z tym, jak wygląda plik JPG lub PNG. Łatwa do edycji Korzystanie z tych ikon jest niezwykle łatwe! Poważnie, po prostu dodaj div z prawidłową nazwą klasy, a my to stąd: <div class = "browsericon chromeIcon"> </div> Wszystkie kolory są obsługiwane bezpośrednio w CSS, więc nie ma potrzeby przekopywania się przez SVG kod o
0/ 0
39
Sprawdź więcej animacji SVG na mojej Behance Monster Transitions - zestawie animacji przejścia SVG, które można wykorzystać w projektach do modalnych przejść i przejść między stronami. Monster Transitions zawiera 32 przejścia z kategorii: koła, okiennice, paski, trójkąty. Ten projekt ma 3 foldery i 15 plików: css style.css js barba.js monster-transitions.js transitions-barba.js transitions-modal.js jscolor.min.js index.html dokumentacja.html transitions-page-1.html transitions-page-2.html modal.html Ważne: projekt zawiera tylko animację. Jeśli chcesz je dostosować do wykorzystania jako przejścia modalne lub zakład przejściowy
0/ 0
37
Animated Coming Soon And Maintenance Pages to pakiet 5 różnych animowanych stron już wkrótce / konserwacji. Możesz łatwo zabrać swój ulubiony plik i użyć go na swojej stronie internetowej. Wszystkie różne strony są dystrybuowane jako osobne pliki, dzięki czemu możesz łatwo wziąć jedną stronę i użyć jej w następnym niesamowitym projekcie.
0/ 1
12
Pokaz slajdów z kamery SVG w stylu retro - nowoczesny, ale nowoczesny sposób animacji i wyświetlania obrazów. Dzięki pokazowi slajdów Retro SVG Camera Photo możesz określić zakres obrazów, które będą wyświetlane przy każdym odtwarzaniu animacji i wyświetlaniu natychmiastowego zdjęcia. A wszystko to jest tworzone w SVG (Scalable Vector Graphics). Funkcje: płynna i płynna animacja Czysta, współczesna grafika SVG Dodaj tyle obrazów, ile chcesz, aby wyświetlać się, gdy pojawi się natychmiastowe zdjęcie Czysty JavaScript oznacza brak zależności JS (i szybsze ładowanie) Kontroluj opóźnienie między animacjami Kontroluj długość czasu a pojawia się zdjęcie dla Kontroluj, czy animacja zapętla się na zawsze, czy tylko odtwarza
0/ 0
19
Ten plik jest używany na stronie w budowie, może być również używany do celów budowlanych i budowlanych. 10 element graficzny w budowie w formacie SVG, zarówno w wersji statycznej, jak i animowanej. Wszystkie animacje są opracowywane przy użyciu czystego skryptu java Biblioteki zewnętrzne i animacje SMIL nie są używane w tym pliku. Wektor, dzięki czemu można go skalować do dowolnego rozmiaru. Oddzielny folder dla statycznego SVG i animowanego SVG
0/ 0
23
Przyjazny SEO Wykorzystuje tekst HTML, więc Google czyta tak jak każdy inny tekst HTML. Zawiera 10 unikalnych stylów. Od stylów realistycznych przez płaskie po izometryczne. Zobacz je wszystkie w podglądzie. Kontroluj tekst za pomocą CSS Tak jak każdy inny tekst HTML, możesz kontrolować takie rzeczy, jak czcionka, waga, rozmiar i odstępy między literami bezpośrednio z CSS. Dodaj łącza tekstowe Utwórz łącze tekstowe, tworząc href podobnie jak w przypadku normalnego HTML. Czcionki Google Jeśli chcesz użyć czcionki, która jest nieco bardziej ekscytująca niż Ariel, wybierz dowolną czcionkę z całej biblioteki czcionek Google. Responsive Rozmiar tekstu zmieni się na podstawie jego kontenera. Zobacz, jak to działa w teście Google przystosowanym do urządzeń mobilnych. Kompatybilny ze wszystkimi nowoczesnymi przeglądarkami, w tym
0/ 1
39
