CSS Code

Z CSSa mistrzem nie jestem. Proste ostylowanie potrafię wykonać – background-color tu, margin-top tam – ot podstawy. Wyobraźcie sobie gdzie szukałem szczęki gdy zobaczyłem, że cuda takie jak poniżej można za jego pomocą robić.

Animowany “progress indicator”:

Dla mnie wielkie wow. Zachęcam do bliższego przyglądnięcia się temu co oferują najnowsze kaskadowe szablony stylów wersja 3. Oczywiście nie wszystkie przeglądarki wspierają takie fajne rzeczy, ale jak widać na stronie http://caniuse.com/css-animation większość nowszych ma już takie rzeczy zaimplementowane.

Projekt, z którego pochodzi powyższy przykład, znajduje się pod adresem http://tobiasahlin.com/spinkit/ i zachęcam do jego odwiedzenia. Jest tam jeszcze kilka innych, ciekawych przykładów zastosowania animacji w CSSach.