Vai al contenuto

Parametric CSS, animazioni e forme generate.

Scritto da:

carlopeluso

Qualche anno fa studiavo architettura al Politecnico di Torino, e durante le lezioni di storia rimasi colpito da alcune opere di Santiago Calatrava e Zaha Hadid, architetti-ingegneri esponenti del design parametrico. Questa corrente artistico-architettonica si fonda sul concetto di forma pura ottenuta da algoritmi matematici.

 

Oggi ho provato a generare alcune di queste forme sfruttando la sequenzialità di elementi HTML e animazioni CSS. Il risultato è stato interessante: ho generato una serie di elementi decorativi/loghi che puoi ispezionare attraverso il codice che ti allego.

Articolo precedente

Blob animato con funzione blur() e mix-blend-mode.

Articolo successivo

Interactive music showreel, in puro CSS/Less