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
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
Pięknie zaprojektowane płaskie ikony pogody, każda z własną unikalną i subtelną animacją. Każda ikona czeka na animację, aż będzie widoczna na ekranie. Zawarte ikony Pakiet zawiera ikony dla następujących warunków pogodowych: Słoneczne burze z piorunami Bezchmurna noc Pochmurna noc Częściowe zachmurzenie Częściowe zachmurzenie Częściowe zachmurzenie Nocne deszcze Deszczowa burza śnieżna Śnieżna burza śnieżna Wietrznie Gorąco Niska temperatura Wysokie temperatury Doskonałe wsparcie Nie jest to przypadek, że jestem pięciogwiazdkową elitą Autor tutaj na CodeCanyon
0/ 2
154
Opis Składana animacja SVG programu Loader wykonana w bibliotece Raphael JavaScript Library. W przypadku programów ładujących strony, programów ładujących zawartość, wskaźników procesów. Animacja oparta na JavaScript 17 przykładów, 13 gotowych do użycia kształtów SVG Grafika wektorowa niezależna od rozdzielczości i przeglądarka internetowa Łatwa zmiana prędkości animacji, kolorów, zmiana rozmiaru elementu Obsługiwane przeglądarki: Firefox 3+, Safari 3+, Chrome 9.5 + i IE 6+ Przyjazna dla urządzeń mobilnych biblioteka Raphael JavaScript Library autorstwa Dmitrija Baranowskiego (licencja MIT). Obsługa klienta Zawiera dokumentację Dodatkowe wsparcie przez e-mail lub tę stronę. Jestem w stanie dostosować ten przedmiot (za dodatkową opłatą). Napisz do mnie, jeśli masz jakieś pytania. Kontaktowy adres e-mail: [email protected]
0/ 2
32
Czas dodać trochę zabawy z powrotem do swojej witryny! Co jeśli powiem Ci, że możesz dodać przyciągające wzrok animowane ikony, które działają we wszystkich głównych przeglądarkach i urządzeniach mobilnych, a wszystko to przy maksymalnej elastyczności przy mniejszych rozmiarach plików, nieograniczonej skalowalności i ekstremalnej personalizacji w zaledwie trzech słowach? Poznaj Flatimation SVG! Co to jest Flatimation SVG? Flatimation SVG to zestaw 81 animowanych ikon SVG z 7 efektami animacji, 3 odmianami tła i 6 wstępnie zakodowanymi opcjami rozmiaru. Wszystkie te 126 opcji na ikonę można zmienić w zaledwie trzech słowach - i to nie liczy się z nieograniczonymi możliwościami koloru i najechania kursorem, które znajdują się w szczegółowym arkuszu stylów CSS. To 10,206 opcji w jednym zakupie! 7 efektów animacji .GIF powyżej jest ciężki
0/ 0
7
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
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
Te animowane ikony SEO / SEM SVG ożywiają 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. Zawarte ikony Optymalizacja witryny Kierowanie na smartfony SEO Przechowywanie w chmurze Analityka Nagrody Sieci społecznościowe Marketing e-mailowy SEO / SEM Optymalizacja kodu płatności za kliknięcie Marketing cyfrowy
0/ 2
170
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
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
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
Te animowane ikony SVG to idealny sposób na wysyłanie klientów do mediów społecznościowych. 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. 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. Zawarte ikony AddThis Amazon Bebo Behance Blogger Delicious DeviantArt Digg Dribbble Dropbox Evernote facebook Flickr Forrst GitHub Google Groo
0/ 2
73
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
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
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
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
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 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
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