Grazie a bg-skulls è possibile applicare una serie di teschi come sfondo degli elementi che compongono una pagina web.
Basta includere bg-skulls.css e applicare la classe bg-skulls all'elemento da decorare.
È possibile, inoltre, includere anche bg-skulls-colors.css. Si avranno a disposizione, così, altre 3 classi con le quali applicare un differente colore di sfondo ai teschi (attualmente solo bg-skulls-red bg-skulls-green bg-skulls-blue).
Queste classi andranno a modificare le proprietà background degli elementi a cui vengono applicate disegnando i teschi con una combinazione di linear e radial gradient.
Nel pacchetto troverete anche i due file css che utilizzano le proprietà "gradient" e "background-size" senza l'ausilio dei vendor-prefix. Dopotutto, chi utilizza i vecchi browser merita di ammirare questi meravigliosi teschi? Direi di no.
I protagonisti di questa storia sono (il solito) @KesieV e (il buon) @rcamplan. Prego loro di correggere questa versione dei fatti che potrebbe essere distorta dalla mia poca memoria/attenzione in quei momenti di genialità.
Tutto ha inizio quando s'imbattono in un problema durante lo sviluppo di un'applicazione per Windows Phone(?). Passando da una sezione all'altra(?) c'erano dei momenti in cui l'unica cosa che veniva renderizzata era lo sfondo.
@rcamplan ha quindi pensato: "perché non ci mettiamo dei teschietti?!". Avvicinandosi a @KesieV col tablet in mano ha quindi aggiunto: "...anzi, facciamoli fare a Sergio in css!".
Così, spendendo qualche ora della mia vita, prendo http://media.uccdn.com/it/images/0/6/1/img_160_ins_291_orig.jpg come modello e realizzo il css proposto.
http://bg-skulls.nerdissimo.it
- Chrome (Debian, Android, iOS7)
- Safari (iOS7)
bg-skulls è un progetto open source project rilasciato sotto doppia licenza MIT e GPLv2.
https://github.com/Nerdissimo/bg-skulls
- rcamplan
- KesieV
- http://arte.uncome.it/articulo/come-disegnare-un-teschio-160.html (http://media.uccdn.com/it/images/0/6/1/img_160_ins_291_orig.jpg)
- Web site: http://www.nerdissimo.it/
- Twitter: @Nerdissimo
- eMail: dev@nerdissimo.it