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, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Flatimation SVG - An Animated SVG Icon Set

— Add-On sa WorldWideScripts.net

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


Flatimation SVG - An Animated SVG Icon Set - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ito ay oras na magdagdag ka ng isang maliit na masaya na bumalik sa iyong website! Paano kung sinabi ko sa iyo na maaari mong idagdag ang mata-nakahahalina animated na icon na gumagana sa lahat ng mga pangunahing mga browser at mga mobile na aparato, ang lahat habang ang pagkakaroon ng maximum na kakayahang umangkop sa mas maliit na sukat ng file, walang limitasyong kakayahang sumukat, at matinding pagpapasadya sa tatlong salita lamang? Makilala Flatimation SVG!

Ano Flatimation SVG?

Flatimation SVG ay isang hanay ng 81 Animated SVG icon na may 7 animation effects, 3 mga pagkakaiba-iba ng background, at 6 precoded opsyon na laki. Lahat ng mga 126 mga pagpipilian sa bawat icon ay maaaring nagbago sa mga salita lamang ng tatlong - at iyan ay hindi bilangin ang mga walang limitasyong mga kulay at mag-hover posibilidad na natagpuan sa detalyadong CSS stylesheet. Iyon ang 10,206 na mga opsyon sa isang pagbili!

7 Animation Effects

Flatimation SVG sa pamamagitan Garett® - 7 Animation EffectsFlatimation SVG sa pamamagitan Garett® - Iikot DemoFlatimation SVG sa pamamagitan Garett® - Tumalon DemoFlatimation SVG sa pamamagitan Garett® - Rock DemoFlatimation SVG sa pamamagitan Garett® - Pulse DemoFlatimation SVG sa pamamagitan Garett® - Ikasa DemoFlatimation SVG sa pamamagitan Garett® - Bounce DemoFlatimation SVG sa pamamagitan Garett® - Mag-zoom Demo .GIF Itaas ay mabigat-optimize. Animasyon tumakbo kahit madulas sa Live Preview.

3 Variations Background

Flatimation SVG sa pamamagitan Garett® - Variations 3 BackgroundFlatimation SVG sa pamamagitan Garett® - 3 Variations Background Demo

6 Precoded Sukat

Flatimation SVG sa pamamagitan Garett® - 6 Precoded SukatFlatimation SVG sa pamamagitan Garett® - 6 Precoded Sukat Demo

Paalam pixel, Hello Scalability

SVGs mga vector graphics, ibig sabihin na maaari nilang iskala mula 16px upang 1000px habang ang natitirang maganda matalim. Ito rin ay nangangahulugan na hindi na kailangang upang dobleng mga icon para sa mga aparatong Retina-Ready / High Resolution. Say? Nara pixelation!

Flatimation SVG sa pamamagitan Garett® - Lahat ng mga IconFlatimation SVG sa pamamagitan Garett® - SVG vs PNG Demo

3 Word Kumbinasyon

Kid hindi ko kayo, ang pinakamahirap na bahagi ng Flatimation SVG ay ang pagpili kung saan 3 salita na kumbinasyon gusto mo sa iyong SVG snippet. 126 mga pagpipilian at ikaw ay may upang paliitin ito pababa sa 1 animation effect, 1 variation background, at 1 option size - good luck! Aking mga paboritong mga kumbinasyon ay "spinsvg circlebg middleicon"!

Flatimation SVG sa pamamagitan Garett® - 3 Word KumbinasyonFlatimation SVG sa pamamagitan Garett® - Mga halimbawa ng Kumbinasyon 3 Word - Tumalon / SquareBG / Maliit, iikot / CircleBG / Middle, Rock / RoundedBG / Malaking .GIF Itaas ay mabigat-optimize. Animasyon tumakbo kahit madulas sa Live Preview.

Pagpapatugtog Well Sa Iba

Flatimation SVG sa pamamagitan Garett® - SVG vs PNG Demo

Salamat sa Velosity.js at jQuery, Flatimation SVG gumagana hirap sa lahat ng mga pangunahing mga browser at mga mobile na aparato na walang ang kailangan ng Flash o anumang iba pang plugin. Banggitin ko ba Flatimation SVG kahit gumaganap na may bully IE 9+?

Labis detalyadong Documentation

Kung ikaw ay isang beterano web developer o ang aking 50-taong-gulang na ina, ko na ipinaliwanag sa mahusay na detalye sa kung paano makakuha uring Flatimation SVG at ipinatupad sa iyong website sa loob ng ilang minuto. Oo, ako literal nasubukan aking hindi tech savvy ina - ang kanyang record ay 7 minuto.

Pagpapanatiling Ito Simple, hangal

Salamat sa kanyang minimalistic kapatagan at pagpapasadya, akma sa Flatimation SVG sa lahat ng mga tema, mga website, at mga tatak. Hindi mahalaga kung ang website ay para sa isang kapalaran 500, isang punk rock group, o isang cat blog - Flatimation SVG umaangkop in!

Kilalanin Ang Flatimation SVG Family

Flatimation SVG ay binubuo ng 63 na panlipunan 18 general icon na paggamit ng media at. Narito ang kung ano ang hitsura nila tulad ng sa kanilang 3 mga pagkakaiba-iba background:

ALL EIGHTY ONE icon ng tatlong iba't ibang mga pagkakaiba-iba LikuranCIRCLE ICONS 0000 0000 0000 ari bilugan parisukat na icon 00000000 00000000 0000000 oee00000 00000000 oeooooee Square icon UtUCEIDC 0oDDoo 0011

Features Flatimation SVG

  • 81 Magagandang SVG icon
  • 100% scalable at Katugma
  • 10,206 Easy Opsyon Customizable
  • Detalyadong Documentation
  • Dinisenyo sa Tugma ALL Websites
  • Retina Handa & High Resolution
  • Direct Support From Author

I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
28 Hulyo 15

Huling Update:
28 Hulyo 15

High Resolution:
Oo

Katugmang Browser:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Kasama Files:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Keyword

ecommerce, ecommerce, Lahat ng mga Bagay, animated, animated icons, animated svg, customizable, dribbble, Facebook, patag, pangkalahatan, icon, Instagram, minimalistic, retina handa, scalable, svg, nerbiyos