SlideShare a Scribd company logo

Modifichiamo le SVG con i CSS

SkillsAndMore
SkillsAndMore
SkillsAndMoreCEO at SkillsAndMore

Presentazione per il CSSDay 2018, puoi votare qua: https://joind.in/talk/e84d1 Le Scalable Vector Graphics sono uno standard da moltissimi anni e permettono di ridurre il tempo di caricamento dei nostri siti web e di presentare delle immagini vettoriali completamente scalabili. Molto spesso però non si sa come sia possibile modificarle grazie ai CSS ed è per questo motivo che in questa presentazione di presenterò come farlo e addirittura come animare queste immagini.

Modifichiamo le SVG con i CSS

1 of 49
Download to read offline
Modifichiamo le SVG con i CSS
Ovvero come modificare le immagini nei nostri siti
Andrea Barghigiani
Chi sono?
https://skillsandmore.org
Non dimenticare di votarmi!
https://joind.in/event/cssday-2018
Attenzione a questo logo!
Scalable
Vector
Graphics
Il significato di SVG
Perché usare le SVG?

Recommended

More Related Content

More from SkillsAndMore

Sfrutta il Content Marketing per attirare più clienti
Sfrutta il Content Marketing per attirare più clientiSfrutta il Content Marketing per attirare più clienti
Sfrutta il Content Marketing per attirare più clientiSkillsAndMore
 
I migliori plugin per trasformare WordPress e sfruttare l’Inbound Marketing
I migliori plugin per trasformare WordPress e sfruttare l’Inbound MarketingI migliori plugin per trasformare WordPress e sfruttare l’Inbound Marketing
I migliori plugin per trasformare WordPress e sfruttare l’Inbound MarketingSkillsAndMore
 
Crea un tema compatibile con le ultime novità WordPress
Crea un tema compatibile con le ultime novità WordPressCrea un tema compatibile con le ultime novità WordPress
Crea un tema compatibile con le ultime novità WordPressSkillsAndMore
 
Come si promuove uno sviluppatore web
Come si promuove uno sviluppatore webCome si promuove uno sviluppatore web
Come si promuove uno sviluppatore webSkillsAndMore
 
Crea il tuo primo repository su GitHub
Crea il tuo primo repository su GitHubCrea il tuo primo repository su GitHub
Crea il tuo primo repository su GitHubSkillsAndMore
 
La Semantica del Web con HTML5 e Schema.org
La Semantica del Web con HTML5 e Schema.orgLa Semantica del Web con HTML5 e Schema.org
La Semantica del Web con HTML5 e Schema.orgSkillsAndMore
 
Il futuro dei CSS è nel tuo browser
Il futuro dei CSS è nel tuo browserIl futuro dei CSS è nel tuo browser
Il futuro dei CSS è nel tuo browserSkillsAndMore
 
Aggiungiamo Stile al Progetto con i CSS3
Aggiungiamo Stile al Progetto con i CSS3Aggiungiamo Stile al Progetto con i CSS3
Aggiungiamo Stile al Progetto con i CSS3SkillsAndMore
 
Lezione 3 del corso Web Design from Ground to Top
Lezione 3 del corso Web Design from Ground to TopLezione 3 del corso Web Design from Ground to Top
Lezione 3 del corso Web Design from Ground to TopSkillsAndMore
 
Lezione 2 del corso Web Design from Ground to Top
Lezione 2 del corso Web Design from Ground to TopLezione 2 del corso Web Design from Ground to Top
Lezione 2 del corso Web Design from Ground to TopSkillsAndMore
 
Lezione 1 del corso Web Design from Ground to Top
Lezione 1 del corso Web Design from Ground to TopLezione 1 del corso Web Design from Ground to Top
Lezione 1 del corso Web Design from Ground to TopSkillsAndMore
 
Scopri le Fondamenta del Web Design
Scopri le Fondamenta del Web DesignScopri le Fondamenta del Web Design
Scopri le Fondamenta del Web DesignSkillsAndMore
 
Conosci SASS e Migliora i tuoi CSS
Conosci SASS e Migliora i tuoi CSSConosci SASS e Migliora i tuoi CSS
Conosci SASS e Migliora i tuoi CSSSkillsAndMore
 
HTML5 Forms: Cosa possiamo fare Oggi
HTML5 Forms: Cosa possiamo fare OggiHTML5 Forms: Cosa possiamo fare Oggi
HTML5 Forms: Cosa possiamo fare OggiSkillsAndMore
 
Costruiamo i backlinks
Costruiamo i backlinksCostruiamo i backlinks
Costruiamo i backlinksSkillsAndMore
 

More from SkillsAndMore (15)

Sfrutta il Content Marketing per attirare più clienti
Sfrutta il Content Marketing per attirare più clientiSfrutta il Content Marketing per attirare più clienti
Sfrutta il Content Marketing per attirare più clienti
 
I migliori plugin per trasformare WordPress e sfruttare l’Inbound Marketing
I migliori plugin per trasformare WordPress e sfruttare l’Inbound MarketingI migliori plugin per trasformare WordPress e sfruttare l’Inbound Marketing
I migliori plugin per trasformare WordPress e sfruttare l’Inbound Marketing
 
Crea un tema compatibile con le ultime novità WordPress
Crea un tema compatibile con le ultime novità WordPressCrea un tema compatibile con le ultime novità WordPress
Crea un tema compatibile con le ultime novità WordPress
 
Come si promuove uno sviluppatore web
Come si promuove uno sviluppatore webCome si promuove uno sviluppatore web
Come si promuove uno sviluppatore web
 
Crea il tuo primo repository su GitHub
Crea il tuo primo repository su GitHubCrea il tuo primo repository su GitHub
Crea il tuo primo repository su GitHub
 
La Semantica del Web con HTML5 e Schema.org
La Semantica del Web con HTML5 e Schema.orgLa Semantica del Web con HTML5 e Schema.org
La Semantica del Web con HTML5 e Schema.org
 
Il futuro dei CSS è nel tuo browser
Il futuro dei CSS è nel tuo browserIl futuro dei CSS è nel tuo browser
Il futuro dei CSS è nel tuo browser
 
Aggiungiamo Stile al Progetto con i CSS3
Aggiungiamo Stile al Progetto con i CSS3Aggiungiamo Stile al Progetto con i CSS3
Aggiungiamo Stile al Progetto con i CSS3
 
Lezione 3 del corso Web Design from Ground to Top
Lezione 3 del corso Web Design from Ground to TopLezione 3 del corso Web Design from Ground to Top
Lezione 3 del corso Web Design from Ground to Top
 
Lezione 2 del corso Web Design from Ground to Top
Lezione 2 del corso Web Design from Ground to TopLezione 2 del corso Web Design from Ground to Top
Lezione 2 del corso Web Design from Ground to Top
 
Lezione 1 del corso Web Design from Ground to Top
Lezione 1 del corso Web Design from Ground to TopLezione 1 del corso Web Design from Ground to Top
Lezione 1 del corso Web Design from Ground to Top
 
Scopri le Fondamenta del Web Design
Scopri le Fondamenta del Web DesignScopri le Fondamenta del Web Design
Scopri le Fondamenta del Web Design
 
Conosci SASS e Migliora i tuoi CSS
Conosci SASS e Migliora i tuoi CSSConosci SASS e Migliora i tuoi CSS
Conosci SASS e Migliora i tuoi CSS
 
HTML5 Forms: Cosa possiamo fare Oggi
HTML5 Forms: Cosa possiamo fare OggiHTML5 Forms: Cosa possiamo fare Oggi
HTML5 Forms: Cosa possiamo fare Oggi
 
Costruiamo i backlinks
Costruiamo i backlinksCostruiamo i backlinks
Costruiamo i backlinks
 

Modifichiamo le SVG con i CSS