Questa pagina serve solo da test per i moduli in sviluppo
Tutte le pagina sono costituite da elementi / blocchi che si articolano su 4 livelli di gestione:
Ad ogni elemento / blocco è possibile applicare una classe personalizzata.
Di seguito una lista organizzata per "tecnologia" delle classi implementate in WHITENESS:
queste sono le classi elencate nel file /css/linkness.css
Stira il <div> di sfondo orizzontalmente e crea un background full-width anche all'interno di un container
Costruisce un rettangolo inclinato a 45° nel fondo della pagina.
La classe che lo controlla è "fondo-storto", le proprietà del rettangolo sono modellabili da css in: linkness.css
Va Applicato ad una riga.
gestisce una fila di box tutti uguali in altezza e in contenuto viene posizionato al centro.
animsition-link CLASS
Genera l'animazione da una pagina all'altra.
Applicando la classe "animsition-link" attiverà una transizione per lo scambio della pagina. **
In alternativa è possibile applicare la classe "no-animsition-link" per forzare a non usare l'animazione su specifici link, ES. <a href="#" class="no-animsition-link">
** NB: in questo momento è su tutti gli A HREF.
Animate.CSS genera le classi per gestire le TRANSIZIONI ANIMATE su <tag>
<h1 class="animated infinite bounce">Example</h1>
animate è l'ancora per impostare le proprietà di animazione.
TRANSIZIONI
TRANSIZIONI
TRANSIZIONI
TRANSIZIONI
TRANSIZIONI
TRANSIZIONI
WOW è una libreria che gestisce le animazioni degli oggetti solo se sono a livello di scroll, Sfrutta animate.css.
<section class="wow slideInLeft"></section> <section class="wow slideInRight"></section>
<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s"></section> <section class="wow slideInRight" data-wow-offset="10" data-wow-iteration="10"></section>
var wow = new WOW( { boxClass: 'wow', // animated element css class (default is wow) animateClass: 'animated', // animation css class (default is animated) offset: 0, // distance to the element when triggering the animation (default is 0) mobile: true, // trigger animations on mobile devices (default is true) live: true, // act on asynchronously loaded content (default is true) callback: function(box) { // the callback is fired every time an animation is started // the argument that is passed in is the DOM node being animated } } ); wow.init();
animate è l'ancora per impostare le proprietà di animazione.
Questo sito web e tutti i suoi contenuti, vengono pubblicati per la promozione dell’agenzia nei confronti dei clienti, effettivi o potenziali, pertanto l’accesso e l’utilizzo di questo sito web sono regolati da due condizioni basilari:
Il sito web contiene materiale registrato e protetto da copyright, materiale di proprietà esclusiva e riservata, come loghi, contenuti, immagini, animazioni e suoni, elaborazioni grafiche, illustrazioni e disegni, e comunque tutto quanto è presente nel suo interno.
E’ assolutamente fatto divieto a chiunque di modificare, pubblicare o trasmettere il suddetto materiale e di sfruttare i relativi contenuti, per intero o parzialmente, senza il preventivo e necessario consenso scritto dall’agenzia Linkness. Il linking, il framing e il downloading relativi ai contenuti del sito web sono ammessi solo se espressamente e assolutamente concessi dall’agenzia.
Via Vigonovese, 115 - 35127 Padova
Tel. +39 049.8700638 - Fax +39 049.8723809
Via T.Tasso, 79 - 24121 Bergamo
Tel. +39 035.226417 - Fax +39 035.235580
R.I. di PD 27097 • CCIAA PD 203155
Numero Iscrizione R.U.I.: B000064108
C.F. 01112130263 • P.I. 02094430283
Email: info@cabibroker.com
Pec: info.cabibroker@pec.it