Z11 – Warstwy, SVG, z-index

1. Przełączanie z-index index1.php

Kilka kolorowych prostokątów z różnymi warstwami (z-index) oraz radiobuttony przełączające element, który znajduje się na wierzchu.

2. Przełączanie widoczności elementów index2.php

Zmiana widoczności prostokątów za pomocą radiobuttonów (CSS visibility).

3. Przełączanie elementów SVG index3.php

Przełączanie widoczności różnych kształtów SVG (koło, prostokąt, zaokrąglony, owal).

4. Przełączanie kwadratów index4.php

Niezależne włączanie/wyłączanie widoczności kolorowych kwadratów (checkboxy).

5–6. Ikona SVG z animacją (face.svg) index5.php

Wstawianie i animowanie ikony SVG na kilka sposobów (tło, img, PHP, object, iframe).

7. Obracane divy (transformacje CSS) index6.php

Proste animacje transformacji: przesunięcie, skalowanie oraz obrót o różne kąty po najechaniu.

8–12. Animacje SVG + baza danych index7.php

Ruchome kulki SVG z prostą wizualizacją na wzór SCADA, generowane na podstawie rekordów w tabeli animacje w bazie danych, wraz z formularzem dodawania nowych rekordów.