Responsive CSS3 Slider senza l’utilizzo di Javascript

7 Luglio 2012
Microtag Project

Ian Hasson, progettista e sviluppatore di Londra, ha creato un responsive (reattivo) e funzionale slider con CSS3 e senza alcuna istruzione Javascript.

E’ simile ad uno slider Javascript; funziona attraverso la fluttuazione di tutti i contenuti (articoli) uno accanto all’altro e nascondendo tutto ciò che è in più. Inoltre muovendo il margine dell’interno “div” verrà restituito l’item successivo.

Esiste anche una istruzione Javascript opzionale ottimizzata per risolvere una problematica relativa al solo iOS così che lo slider funzioni al meglio anche nei browser moderni.


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.