CSS 3D è l’applicazione delle trasformazioni 3D all’interno del codice CSS per le pagine web-based. E’ un qualcosa di straordinario perchè, mixato con tecnologie di preprocessing come LESS e SASS, permette di creare immagini tridimensionali con poche righe di codice all’interno delle pagine Web e delle Mobile App che sfruttano la tecnologia Web.
Per dimostrare cosa è in grado di fare CSS 3D pubblichiamo, di seguito, alcuni progetti il cui codice sorgente è liberamente scaricabile da internet:
- Campo da calcio con i giocatori Casa/Fuori casa: https://codepen.io/paulnoble/pen/PwOxOY
- Stanza degli specchi con diverse riflessioni: https://codepen.io/vasanthkay/pen/KwZvre
- Loader 3D per simulare il caricamento di file e app: https://codepen.io/dan10gc/pen/WXvLax
- Chart animato per rappresentare dati statistici dinamicamente: https://codepen.io/ejones/pen/mJlCb
- Box 3D con contenuti editabili direttamente dall’utente: https://codepen.io/Elena_in_code/pen/EbGMqG
- Un logo trasformato attraverso l’applicazione di layer: https://codepen.io/cobra_winfrey/pen/BGaNob
I progetti suggeriti sono solo alcuni esempi delle possibilità offerte da CSS 3D. Grazie alla minima potenza computazionale necessaria ed alle poche righe di codice da scrivere ,il CSS 3D può trovare spazio ovunque anche in Progressive Web App (PWA) e Mobile App.
Glue Labs e CSS 3D
Esperti di soluzione online ti forniamo supporto e consulenza professionale nella realizzazione di Web Application e Mobile App che fanno uso di CSS 3D. Grazie all’esperienza maturata in tantissimi settori e con numerosi Clienti ti forniamo Formazione Avanzata e assistenza manutentiva ed evolutiva. Contattaci subito e senza impegno per maggiori informazioni.