Andres Hunger UX Web designer  
WINNER OF THE DAY Featured of the Day Boostlizer



Translate

Pages

Special Design Kudos 2018 CSSDA

Css Design Awards Andres Hunger

CSS Design Awards

Grazie a tutto il team CSSDA per il servizio che offrono.
La creatività ha bisognio di energia e di essere ricaricata, mettersi in una sana competizione ci corregge, migliorando giorno per giorno.
Alla prossima avventura ;-)

Thanks to the whole CSSDA team for the service they offer.
Creativity needs energy and being recharged, putting ourselves in a healthy competition corrects us, improving day by day.
At the next adventure ;-)

彼らが提供するサービスのCSSDAチーム全体に感謝します。
創造性はエネルギーを必要とし、再充電され、健全な競争に身を置き、日々改善しています。
次の冒険で;-)

Animated SVG Slideshow Frame

Animated SVG Frame Slideshow

SVG animato durante lo Slide by Sencha

Questa demo è stata realizzata da Sencha (crea applicazioni web e mobile // Sencha Extjs.)

Una presentazione sperimentale che mostra un frame SVG animato durante la transizione dello Slide.
Possono essere utilizzate diverse forme per creare una varietà di stili creativi e molto emozionanti.

L'idea è di animare un frame SVG mentre passiamo da uno slide ad un altro.
Usando diverse forme possiamo creare una varietà di stili e di frame trasformando l'SVG.

Una delle cose molto importanti per usare bene questo plugin ehavere il Browser aggiornato visto sono stati usati delle nuove proprietà CSS moderne come CSS Flexbox e variabili varie.

Qui Trovate la Demo live
Qui Trovate il Download Source

Qui stiamo animando una semplice forma a scatola:

Animated SVG Frame Slideshow

In questa demo è stato usato un modello per il riempimento a forma di rettangolo leggermente inclinato.
Il pattern è tratto da Hero Patterns:

Animated SVG Frame Slideshow

In questo esempio possiamo usare qualsiasi tipo di forma, anche molto piccola.
Nota come i titoli sopra l'SVG in questa demo:

undefined

 

Non resta che testare e ancora una volta ringraziere Shota e Codrops! Grazie! Thank you! 感謝

Scott Murray

Book 3d

Interactive Data Visualization for the Web, 2nd Ed.

Seconda edizione

Ottima guida arrivata alla seconda edizione, per lo sviluppo di animazioni 3d per il web.
Ideale per  chi vuole diventare un Web Developer,  tanti esempi: HTML, CSS, JavaScript , e SVG, ben 140 esempi!

HTML5  web Developer Andres Hunger
CSS3 web Developer Andres Hunger
javascript web Developer Andres Hunger
jQuery web Developer Andres Hunger
Bootstrap Andres Hunger Blog
WP Developer Andres Hunger