CSS 3 ANIMATION

Diplomsko delo govori o spletnih animacijah izdelanih z uporabo jezika CSS 3. V diplomskem delu smo pregledno predstavili tehnologijo CSS in novosti v verziji CSS 3. Opisali smo elemente CSS 3 modula Animations, ki omogočajo izgradnjo spletnih animacij. Preverili smo kakšna je podpora različnih elementov CSS 3 modula Animations v popularnejših brskalnikih. V praktičnem delu diplomske naloge smo opisali razvoj spletne animacije CSS 3 cirkus. Predstavili smo, kako lahko z uporabo različnih CSS lastnosti dosežemo različne učinke animacije, kot so gibanje, razteg in skrčitev, pojemanje ter povečava in oddaljevanje. Preizkusili in predstavili smo delovanje orodja Sencha Animator.This diploma is about web animations that are build with CSS 3. In this work we presented CSS technology and innovations in version CSS 3. We described the elements of CSS 3 Animations module, which enables building web animations and also checked out the support of various elements in more popular browsers. In the practical part of the paper we described the development of web CSS 3 animation called CSS 3 Circus. We presented the use of the various CSS properties in order to achieve different animation effects, such as movement, stretching and squeezing, fading or zooming in and out. In the end we presented the way to build animation with a tool called Sencha Animator