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

Flat Design Desk Banners - Animated SVG

— Add-On sa WorldWideScripts.net

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

Bago! Sundin amin sa gusto mo!


Flat Design Desk Banners - Animated SVG - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ang mga animated na banner SVG Dadalhin buhay sa kahit na ang pinaka-basic na mga pahina. Theyâ € ™ muling SVGs (scaleable vector graphics), na nangangahulugan na maaari mong gawin ang mga ito anumang laki at ipakita ang mga ito sa anumang screen (kahit retina), at € ™ theyâ aming bibigyan tumingin sa 100% malutong at malinaw.

Ano ang mangyayari kapag isnâ ang icon € ™ t sa screen? Doña € ™ mag-alala, ang mga icon wonâ € ™ t-animate hanggang € ™ youâ ve scrolled ang mga ito sa view.

Kung Hindi mo € ™ t kailangan ang mga animation at gusto lamang ang bersyon Illustrator, kumuha ng mga ito sa GraphicRiver.

Madaling I-edit ang

Paggamit ng mga banner ay ridiculously madaling! Seryoso, idagdag lamang ang isang div sa mga tamang pangalan ng klase at weâ € ™ makikipag makukuha mula doon:

 <Div class = "dxcdeskicon desk01"> </ div> 

Kahit pagdaragdag ng mga pindutan upang kontrolin ang mga animation ay isang peice ng cake. Maaari mo ring tukuyin kung aling mga banner ay maaapektuhan sa pamamagitan ng paglalagay ng kanilang mga numero sa pagitan ng mga bracket:

 <Pindutan onclick = "restartIcons ([0])"> I-restart </ button> <Pindutan onclick = "reverseIcons ([1])"> Baliktarin </ button> 

Nais mo bang makakuha ng lahat ng mga nakatutuwang at gulo sa.js file? Ito couldnâ € ™ t maging mas simple:



 var titleText = "Animated na Banner SVG"; var subtitleText = "100% scaleable graphics na"; var subtitleText2 = "animate lamang sa scroll"; var buttonText = "BASAHIN KARAGDAGANG"; var readMoreURL = ["#", "#"]; 

Paghambingin ang laki at kalidad ng SVGâ € ™ s, JPGâ € ™ s, at PNGâ € ™ s

Hindi naka-scale Sinukat Sinukat SVG. PNG JPG Ikil eIJ

Mga katugmang Sa Lahat ng Major Browser

Lahat ng mga pangunahing browser

Makinis Javascript animation

Walang mga Flash o animated GIF elemento dito. Ang lahat ng mga animation makita mo ang 100% ng Javascript at Doña € ™ t nangangailangan ng anumang mga plugin ng browser.

Ang item na ito ay gumagamit ng Greensockâ € ™ s TweenMax para sa mga animation, sa halip na jQuery. Bakit? Dahil GSAP ay SOOOO mas mabilis at mas malinaw. Tingnan ang para sa iyong sarili: jQuery vs GSAP pagsubok ng bilis.

Mga Kaugnay na Mga Item

40 mga animated na icon ng social media Icon Browser Animated SVG jQuery Layunin thermometer Nako-customize na Analog Clock - jQuery Thermometer Layunin araw na natitira, pinondohan


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:
26 Marso 15

Huling Update:
26 Marso 15

High Resolution:
Oo

Mga katugmang Mga Browser:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

File Kasamang:
JavaScript JS, HTML, CSS

Software Version:
jQuery, iba

Keyword

eCommerce, Lahat ng Mga Item, ad, animated, banner, computer, desk, desktop, flat, flat disenyo, paglalarawan, laptop, moderno, opisina, SVG, workspace