Un milione di anni fa gli “sfondi” con gradiente dei siti si facevano creando un’immagine che sfumava dal colore A al colore B, magari di un solo pixel di larghezza, e s’impostava il CSS in modo tale che questa immagine fosse ripetuta sull’asse X (come spiegato in questo sito).
Ovviamente ho esagerato e non è passato un milione di anni ma così sembra perchè adesso basta scrivere i CSS in maniera particolare per ottenere l’effetto sfumato.
E’ difficile però scrivere codice che vada bene per tutti browser. Si deve fare attenzione.
Un modo semplice è quello di affidarsi a tool online come Ultimate CSS Gradient Generator .
Un tool completamente visuale che permette di generare codice cross-browser.
Sono già presenti una nutrita serie di esempi tra cui scegliere ma è molto semplice creare il proprio sfondo.
Link: Ultimate CSS Gradient Generator
Programmo in ambiente LAMP e Angular2+.
Realizzo app mobile con Ionic Framework.
Sono papà e marito. Nel (poco) tempo libero mi piace leggere, il buon vino e viaggiare.
- Diffamazione e social media: cose che devi gestire ora - 4 Febbraio, 2021
- CSS: media query nel 2020 - 16 Novembre, 2020
- GPU.js – link - 13 Novembre, 2020
