Zaokrąglenia narożników elementów. Transformacje 2D i 3D (c.d.)

cw 530

• Utwórz dokument cw530.html oraz cw530.css
• Wszystkie ustawienia stylu zapisz w pliku zewnętrznym
• Ułóż na stronie 6 bloków tak, aby w pierwszym wierszu był jeden blok, w drugim trzy bloki a w trzecim dwa bloki. Każdy wiersz zajmuje 100% szerokości okna.
• Do każdego z bloków wstaw kolejny mniejszy element o wymiarach: wysokość : 150px / szerokość: 200px
• Zaprezentuj w każdym z bloków wybraną transformację (w każdym bloku inna transformacja) tak, aby element poddany transformacji zawse pozostawał wewnątrz bloku.
• W każdym z bloków dodaj opis prezentowanej transformacji.
• W wybranym bloku wstaw tranformowany element kilka razy i dodaj do niego efekt :hover.
• Dobierz formatowanie i kolory tak, aby całość nie raziła w oczy (stonowana kolorystyka).
• Przykłady DEMO 1 DEMO 2

 

Pytania i odpowiedzi: