Galleria di effetti vettoriali a tutto schermo per il web

25 Febbraio 2014
Microtag Project

Fullscreen Overlay Effects propone una selezione di animazioni a schermo intero basate sulla transizione di forme vettoriali. Un’alternativa alle finestre modali.

Fullscreen Overlay Effects è una raccolta di effetti a tutto schermo apparsa sul sito tedesco Tympanus, una risorsa online per creativi. Il concetto che ispira la selezione è la contemporaneità dello stile, considerato tra quelli ora più in voga e suggerito per offrire una grafica in linea con le ultime mode virtuali.

Gli effetti proposti sono in tutto 11 e vogliono suggerire ai web designer idee per la creazione di animazioni dello stesso tipo. Poiché occupano tutto lo schermo possono essere sfruttati anche come alternative per la visualizzazione di finestre modali, di solito mostrate con una dimensione fissa inferiore a quella dello schermo.

Fullscreen Overlay Effects è realizzato combinando tecniche diverse, tra cui la libreria javascript Snap.svg per la manipolazione di animazioni vettoriali. Alcuni effetti sono visualizzabili solo su browser moderni (CSS3) ma secondo le intenzioni dell’autrice la tecnica può essere scalata a piacere con soluzioni più tradizionali, l’essenziale è cogliere lo stile di fondo.


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.