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

jQuery Blend Modes

— Add-On la WorldWideScripts.net

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


modurile de amestecare jQuery - WorldWideScripts.net Postul de vânzare

Ads

Ad: Bluehost hosting

Urmați TwitterUrmați Dribbble

Notă : Dacă vă place acest lucru, vă rugăm să rata de ea:)

Ideea de modurile de amestecare jQueryplug-in este de a amesteca două copie aceeași imaginecu modul de amestec specificat, acest proces ne da un efect uimitor, fără necesitatea de a utiliza orice editor de imagine . Acest plug - in sunt 15 moduri de amestecare:
  • colorBurn
  • colorDodge
  • excludere
  • hardLight
  • hardMix
  • linearBurn
  • linearDodge
  • LINEARLIGHT
  • multiplica
  • negare
  • suprapunere
  • ecran
  • softlight
  • scad
  • vividLight

Cum functioneaza !

Acest plug - in folosi elementul panza care a introdus în HTML5, la scurt timp acesta este un element special, care poate manipula grafica, astfel încât să putem edita fiecare pixel într- o imagine, și cu această putere, se poate aplica cu ușurință algoritmul moduri de amestec . În primul rând plug-in obține două copie a unei imagini și le amestec cu un mod de amestec ales, rezultatul acestui proces pus pe un element de pânză nouă, după plug-in- ascunde imaginea originală, în cele din urmă se adăuga elementul panza generate înainte de imaginea ascunsă, acest pași să ne dea un rezultat minunat ,și cu această funcție de bază, putem face un nou mouse-ului sentiment Hover :)

Este ușor de utilizat

$('img').blending();

Nisa Docs :

Acest plugin vin cu o documentație completă conține o implementare simpla explica cum de a face efecte hover .

Cerinte

  • Browser modern care elementul panza de sprijin
  • jQuery ( am recomandat cea mai recentă versiune )
  • Hosting ( puteți folosi localhost dvs. )

Credite si Surse


© 2012 Mohieddine Abd - Kader

Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creat:
21 octombrie 11

Ultima actualizare:
17 ianuarie 12

browserele compatibile:
IE9 , Firefox , Safari , Opera , Chrome , versiunea software-ului

Cuvinte cheie

15 moduri, moduri de amestec, panza, HTML5, moduri de amestec jQuery plug- in, javascript, jquery, Photoshop, plug- in