W tym tutorialu pokażę jak stworzyć w css3 i javascript ciekawą kółkową galerię zdjęć.
Css
Przedstawię wg mnie najlepsze techniki używania dowolnych czcionek na stronach www. Oczywiście bez wykorzystywania obrazków :). Mianowicie @font-face (reguła CSS3) i Cufon.
Patrząc na demo css3 flip effect trudno oprzeć się wrażeniu, że animacja została zrobiona w javascripcie. Nic bardziej mylnego :). Do wykonania efektu obracającej się kartki wystarczy niewiele reguł css3.
Stworzymy menu w css i jQuery. Wykorzystamy oprócz biblioteki jQuery plugin Alexandra Farkasa. Dzięki niemu można zastosować animację pozycji tła określonego elementu. Tak prezentuje się efekt końcowy menu.