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 om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


jQuery Blend Modes - WorldWideScripts.net Item te koop

Ads

Ad: Bluehost hosting

Volg TwitterVolg Dribbble

Opmerking : Als je van dit werk, dan kunt u beoordelen het:)

Het idee van jQuery Mengmodiplug-in is om twee kopie van mengen . hetzelfde beeldmet gespecificeerde blend mode, dit proces geeft ons een geweldig effect, zonder behoefte aan een afbeelding editor gebruiken . Deze plug - in zijn 15 blend modes:
  • colorBurn
  • colorDodge
  • uitsluiting
  • hardlight
  • hardMix
  • linearBurn
  • linearDodge
  • LINEARlight
  • vermenigvuldigen
  • negatie
  • overlay
  • scherm
  • softlight
  • aftrekken
  • vividLight

Hoe werkt het ?

Deze plug-in gebruiken het canvas element dat in HTML5 geïntroduceerd, kort het is een bijzonder element dat de graphics kan manipuleren, dus kunnen we elke pixel te bewerken in een beeld, en met deze kracht, kunnen we gemakkelijk de blend modes algoritme toe te passen . Ten eerste is de plug-in krijg je twee kopie van een afbeelding en meng ze met een gekozen blend mode, het resultaat van dit proces putted op een nieuw canvas element, nadat de plug-in verbergt de oorspronkelijke afbeelding, tenslotte voegt de gegenereerde canvas element vóór de verborgen afbeelding, deze stappen geven ons een geweldig resultaat ,en met deze basisfunctie kunnen we een nieuwe muis hover gevoel te maken :)

Het is gemakkelijk te gebruiken

$('img').blending();

Leuk Docs :

Deze plugin geleverd met een volledige documentatie bevat een eenvoudige implementatie uitleggen hoe je de hover effecten maken ..

Vereisten

  • Moderne browser die ondersteuning canvas element .
  • jQuery ( we raden de laatste versie )
  • Hosting (u kunt uw localhost gebruiken )

Credits & Bronnen


© 2012 Mohieddine Abd - Kader

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Aangemaakt:
21 oktober 11

Last Update:
17 januari 12

Compatibel Browsers:
IE9 , Firefox , Safari , Opera , Chrome

Software Version:
HTML5 , jQuery

Files Inbegrepen:
JavaScript JS , HTML , CSS

Trefwoorden

15 modes, blend modes, canvas, html5, jQuery overvloeimodi plug-in, javascript, jQuery, photoshop, plug - in