Scroll animation con Javascript e AOS

AOS è una piccola libreria per Javascript per creare animazioni durante lo scroll della pagina.

Il tutto si compone di un JS e un CSS che potete importare anche da CDN.

Effetto door su bottoni con i CSS

In questo articolo vediamo un piccolo snippet CSS per creare un effetto door sui bottoni nell'hover.

Effetto glow su bottoni con i CSS

In questo articolo vediamo un piccolo snippet CSS per creare un effetto glow sui bottoni nell'hover.

Utilizzare le pseudo classi is e has nei CSS

I CSS sono pieni di pseudo classi che ci aiutano a scrivere codice più compatto e pullito.

Tra quelle più utili e meno usate ci sono is e has.

In questo articolo vediamo qualche esempio.

Troncare il testo con CSS

line-clamp è una proprietà, abbastanza nuova, di CSS che ci permette di troncare il testo ad una determinata riga.

In sostanza ci permette di ottenere lo stesso risultato che fino ad oggi otteniamo con Javascript o altri linguaggi.

Ad oggi, 22 aprile 2024, dovrebbe essere ancor ai draft; ma potete vedere da Can I use che è compatibile praticamente con tutti i browser.

Usare le animazioni in PrimeFlex

PrimeFlex è una libreria di utilità CSS che viene usata di base in PrimeNG e soci.

Ovviamente può essere usata anche al di fuori, in quanto si può installare senza problemi.