CSS Spiral Path, un esempio interattivo
Scritto da:
Oggi voglio condividere con voi un progetto in CSS attraverso il quale è possibile visualizzare e modificare i parametri di una forma a spirale. Nell’esempio che potete vedere sotto, la forma è realizzata interamente in CSS, mentre la serie di eventi e listeners dei cambiamenti dei parametri è stata affidata a poche righe di JQuery.
L’intera struttura si fonda sulla rotazione di cerchi attorno ad un asse di riferimento, con contemporanea scalatura delle dimensioni durante il ciclo di creazione dei cerchi stessi, dando vita alla spirale lineare.
See the Pen spiral2 by Carlo Peluso (@carlo-peluso) on CodePen.