Vai al contenuto

Archivio:

less

Realizzare un grafico a nodi con Less e SVG path

Oggi ho realizzato un widget per visualizzare una struttura ad albero (costituita da rami e nodi) in puro CSS ed SVG, senza l’ausilio di JS. See the Pen Pure CSS tree graph by Carlo Peluso (@carlo-peluso) on CodePen. Vi spiego brevemente quali strumenti ho utilizzato: LESS, utile per parametrizzare la “latitudine” dei rami dell’albero, tramite […]

Esempio di animation-delay progressivo con LESS e SASS.

Obiettivo: animare blocchi a comparsa in modo che compaiano in modo sequenziale, con un lieve ritardo nell’animazione di ogni elemento. Nella visualizzazione di liste, icone, menu o blocchi può essere interessante animare la comparsa di questi elementi in modo che entrino “in scena” uno dopo l’altro in istanti di tempo successivi. Fare manualmente questa operazione […]