Sažetak
Web stranice se uvelike oslanjaju na dinamične elemente koji se prikazuju na njima, pri čemu je potreba za animiranim sadržajem kao oblikom interaktivnog prikaza neophodna. Transformacije i animacije čine važan segment kvalitetnog grafičkog dizajna i čine web stranicu atraktivnijom zbog već same funkcionalnosti interaktivnog prikaza određenih elemenata. U radu se obrađuje animacija HTML elemenata kroz CSS. U statične web stranice se uvodi dinamika i pojam vremena. Prikazuju se načini definiranja tijeka animacije, ponavljanja i ključnih trenutaka (keyframes). Animacije se povezuju s drugim animacijama uz definiciju trenutka pokretanja svake animacije zasebno. Animacije se prilagođavaju za pravilan prikaz u svim poznatijim web preglednicima. Kroz animacije se prikazuju 2D i 3D transformacije HTML elemenata poput rotacije, skaliranja ili translacije elemenata te 'flip' efekti. Animira se promjena boje, oblika, pozicije, prozirnosti. Animiraju se i slovni znakovi, riječi ili cijeli tekst. Eksperimentalni dio rada prikazuje niz animacija različitih HTML elemenata, koji se pokreću u točno zadanim trenutcima.
Ključne riječi
HTML CSS animacija transformacija web
