Sprawdź więcej animacji SVG na moich ikonach Behance Elane - zestaw animacji ikon SVG, które można wykorzystać w swoich projektach. Wszystkie kolory można łatwo zmienić. Ikony Elane zawierają 10 ikon. css normalize.min.css style.css js elaneicons.js preview-icons.js index.html dokumentacja.html
0/ 0
8
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
0/ 1
24
20 ANIMOWANYCH IKON SEO SVG 100% skalowalne i gotowe do siatkówki / animowane przy przewijaniu / łatwe dodawanie ikon. IKONY OBEJMOWANE Optymalizacja mobilna Odbiorcy Email Marketing w chmurze Przechowywanie danych Architektura witryny Wydajność SEO Kodowanie niestandardowe Linkowanie Pisanie treści Ranking rozwoju sieci Lokalne monitorowanie SEO Tagi SEO Prędkość strony Badanie słów kluczowych Zapłać za kliknięcie Wyszukiwanie wideo Wyszukiwanie artykułów Wyszukiwanie głosowe ŁATWO DODAĆ IKONY. Dodaj następujący kod do tagów head. <script src = "http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js" /> </script> <script src = "js / noframework.waypoints.min.js" > </script> <script src = "js / icons.js" type = "text / javascript" / & g
0/ 2
72
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
13 pięknych animowanych ikon SVG idealnych do blogów biznesowych, stron, witryn, portali. Możliwość dostosowania kolorów do marki. Świetna wydajność, atrakcyjne animacje, adaptowalne i kontrolowane z javascript. Możesz zmienić prędkość, kierunek, pauzę, odtwarzanie, odtwarzanie.
0/ 0
9
Animowana ikona SVG Mega paczka Znudzony tradycyjnymi efektami aktywowania? Animacje SVG są popularne, a ikony svg są obecnie najcenniejszymi zasobami dla stron internetowych lub tematów. Szukasz gotowych plików SVG? Ten niesamowity super animowany pakiet ikon mega SVG ma to wszystko! W tej zaktualizowanej wersji zmniejszyliśmy punkty ścieżki, chociaż było to możliwe, co sprawiło, że ta paczka była niezwykle lekka! Idealny do motywów, aplikacji lub projektów witryny! Precyzyjne i idealne od budowania do animacji KRZYŻOWY PRZEGLĄDARKA KOD SNIPPETY ŁATWA INTEGRACJA Z WORDPRESS / CMS TEMAT ROZWÓJ (jeśli jesteś programistą) LEKKIE IKONY DLACZEGO JESTEŚ JESZCZE KOCHAM! Każda ikona jest ręcznie robiona i wykonana w celu zapewnienia idealnego zachowania animacji
0/ 1
88
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
Ten zestaw to zestaw 33 ładujących efektów animacji wykonanych wyłącznie w formacie SVG dla twoich stron internetowych, obrazów i treści. OPIS OGÓLNY Animacja oparta na SVG - tylko wektor (w pełni skalowalna) 33 odmiany, 4 różne kategorie Przyjazne dla urządzeń mobilnych i siatkówki PLIKI DOSTARCZONE Strona demo (HTML, CSS, JS) 33 pliki SVG Dokumentacja wyjaśniająca, jak pomóc Ci dostosować animację (zestaw nie zawiera nie działa jako wtyczka, więc zmiany należy wprowadzać ręcznie w plikach SVG - w celu uzyskania dalszej pomocy skorzystaj z czatu wsparcia) KREDYTY (inne używane zasoby) Bootstrap: http://bootstrap.com Illustrator: http: // adobe .com
0/ 0
34
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
Zestaw 10 animowanych ilustracji wektorowych, które można wykorzystać do stron i artykułów związanych z cyfrową / elektroniką / komunikacją. Wyświetla zawartość związaną z satelitami, komunikacją, siecią, cyfrową, elektroniką, chmurą itp. Nie zastosowano animacji SMIL. Nie używane biblioteki zewnętrzne. Wszystko animowane przez JavaScript wewnątrz każdego pliku SVG. 10 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, 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 obrót, ruch, ruch linii kropkowanej itp. Lista ilustracji
0/ 0
31
Elastyczny, płynny i lekki: Okrągły moduł wstępnego ładowania HTML5. Sprytne wstępne ładowanie sprawi, że różnica między zwykłym doświadczeniem użytkownika a płynnym przejściem do treści. Ulepsz swój projekt za pomocą Circular HTML5 Preloader. Jest całkowicie renderowany i animowany w SVG z niewielką powierzchnią. Główne cechy Wstępnie załaduj JPG, JS, CSS, JSON i więcej 3 różne metody rysowania Gładkie animacje SVG Funkcja automatycznego ładowania Opcjonalne procentowe pomijanie pamięci podręcznej Ponad 30 opcji Konfigurowalne przejścia CSS3 SVG Filtr blasku Efekt Javascript Oddzwanianie Obsługa kolejek Automatyczne usuwanie śmieci Obsługa mobilna i siatkówka Mała strona demo w zestawie Kredyty Snap.svg firmy Adobe snapsvg.io Preload.js firmy Grant S.
0/ 0
154
Animowane ikony Weather SVG to pakiet 36 różnych rodzajów animowanych ikon Weather SVG, które można łatwo zintegrować z dowolnym projektem, aby był bardziej żywy. Wszystkie pliki svg są dystrybuowane jako osobne pliki, dzięki czemu można je łatwo odróżnić i wykorzystać w kolejnym niesamowitym projekcie. Podgląd Kasy różnych animacji svg poniżej.
0/ 1
27
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
Zawiera 510 ikon biznesowych 3 inny wygląd - liniowy, wypełniony i kolorowy 9 różnych rozmiarów 15 różnych kolorów Każda ikona działa samodzielnie Kompatybilne przeglądarki - IE9 +, Firefox, Safari, Opera, Chrome Dokumentacja krok po kroku Dokumentacja Owerview Bizicons SVG Zestaw ikon podszewkowych, wypełnionych i kolorowych pakiet 510 różnych rodzajów ikon narzędzi biznesowych i biznesowych, które można łatwo zintegrować z dowolnym projektem, aby był bardziej żywy.
0/ 0
11
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
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
POBIERZ TANIO PROMO: Dobra wiadomość dla szybkich przeprowadzek, wejdź teraz za niską cenę i otrzymuj przyszłe aktualizacje zestawu za darmo! W Team Krafted postanowiliśmy zmienić niektóre z naszych najpopularniejszych ikon strategii biznesowej z GraphicRiver i przenieść je do CodeCanyon jako Animated SVG? Pokażmy, jak te ikony wyglądają w ruchu: http://www.flat-icons.com/preview Podgląd jest w formacie gif, ale otrzymasz pliki html, css i .json. Zawarte są jasne instrukcje. Nasz zestaw animowanych ikon strategii biznesowej SVG składa się z 10 w pełni skalowalnych animowanych ikon i pomoże Ci wyróżnić się w kolejnym projekcie związanym z biznesem, strategią lub marketingiem. Wszystkie pliki svg są dostarczane jako osobne pliki, dzięki czemu można łatwo odróżnić jeden plik od innego
0/ 0
28
ANIMOWANY ROZWÓJ SEO BANERÓW SVG Możesz zmieniać tekst, grafikę i kolory. W 100% skalowalny i gotowy na siatkówkę. Animowane przy przewijaniu. ŁATWO DODAWAĆ. Dodaj następujący kod do tagów head. <script src = "http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"> </script> <br /> <script src = "js / noframework.waypoints.min .js "> </script> <br /> <script src =" js / banner.js "type =" text / javascript "> </script> <br /> <script src =" js / seobanner.js " type = "text / javascript"> </script> <br /> <script src = "http://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.3.0/snap.svg-min.js "type =" text / javascript "> </script> <br /> <scri
0/ 0
38
JavaScript based SVG animation for preloaders, content loaders. Lightweight, small footprint Vector SVG graphics Resolution independent smooth animations No external libraries used 20 different SVG shapes Easy to change: Animation speed Sizes Colors Visibility options Number of elements Unlimited variations Live customizable preview 10 examples With CSS tricks (position, z-index), you can place this animated object over other elements, like JPG images.
0/ 0
8