Nick Gallagher dà certamente prova di grande abilità e inventiva con questo esperimento. Con un codice HTML semantico e pulito e un uso competente dei CSS è riuscito a creare senza usare immagini e/o script la classica forma del fumetto (speech-bubble o balloon in inglese). Generalmente si usano per richiamare l'attenzione del visitatore su frasi chiave di un prodotto o di un articolo. Se non troppo invasivi possono essere usati per mostrare alcuni blockquote all'interno di un testo.
Qui ne trovate davvero di differenti, per colori e forme, e questo è il foglio CSS esaurientemente commentato.
La base è ottenuta con un uso accorto del contenuto generato (pseudo-elementi :before e :after), gli abbellimenti poggiano invece su alcune proprietà CSS3.
/https://www.html.it/app/uploads/2024/06/css-2.png)
/https://www.html.it/app/uploads/2024/06/google-chrome-_-.jpg)
/https://www.html.it/app/uploads/2024/04/css.png)
/https://www.html.it/app/uploads/2024/01/cssday.png)