Comparazione di immagini con TwentyTwenty

7 Agosto 2013
Microtag Project

Grazie a questo plugin jQuery è possibile confrontare due immagini affiancate, mettendo in evidenza ogni discordanza visuale. In maniera semplice ed efficace.

In realtà le immagini sono sovrapposte, è la funzione clip del CSS a simulare il loro accostamento, mentre spostando manualmente il cursore da sinistra verso destra e viceversa, si prendere visione di ogni differenza.
TwentyTwenty è semplice da utilizzare: basta caricare due immagini in uno spazio (container) e inserire il relativo link nel codice jQuery. Quest’ultimo è altamente configurabile grazie all’uso di Sass, estensione di CSS3, che permette di agire su numerose variabili.
Non va dimenticato che il plugin jQuery è reattivo e si presta ad essere usato, con successo, su dispositivi mobili, fissi e con la maggior parte dei browser di ultima generazione.


articoli... che potrebbero interessarti

creare un sito web... articoli consigliati

Azioni Photoshop, la raccolta definitiva

La collezione di azioni photoshop che vi presentiamo sono un set di azioni che accorrono in aiuto degli utenti per realizzare progetti rapidi e ben fatti.

Web design & Video background

Presentare la propria homepage in modo efficace con video background e comunicare contenuti e temi con video che esprimono il cuore del tuo sito web!

Tipped: i tooltip più belli senza il minimo sforzo

Si chiama Tipped e rivoluzionerà lo user interface design del vostro sito. L'applicativo offre un'ampia gamma di tooltip, belli e fruibili su tutti i dispositivi.

Dropdown menu css. Un componente responsive e facile da personalizzare

Organizza la navigazione del tuo sito con un responsive mobile menu. MegaDropdown è ideale per gli ecommerce e i portali di grandi dimensioni.

Template WordPress Responsive Free – Minimaluu

Minimaluu è la soluzione ideale per il tuo portfolio su WordPress se cerchi una grafica minimale, pulita e compatta ma anche fluida ed efficiente.

Sei un Webmaster? Il tuo sito web ha bisogno di Best 4 Webdesign!

Best4WebDesign archivia i principali e i migliori strumenti per Webmaster e Web Designer.