Интересен морфинг на устройства в уеб дизайна, RUDEBOX

В този урок ще разгледаме нещо ново, а именно слайдшоу, използващо морфинг технология, тази технология е изключително рядка в съвременния уеб дизайн, но набира скорост. Идеята е безпроблемно преминаване между различни устройства, които показват екранна снимка на адаптивен уебсайт или дизайн на приложение чрез прилагане на различни класове устройства. Плъзгачът ще бъде направен в минималистичен стил. Като използваме едни и същи елементи и псевдоелементи за всички устройства, можем да създадем интересен ефект на преобразуване.

Има четири устройства, които ще използваме за показване на различни адаптивни екранни снимки. За някои от тях ще използваме опцията за ротация. Ще променим класовете в зависимост от показваното устройство и тъй като всички устройства имат определени преходи, ще видим ефекта от преобразуването. Моля, обърнете внимание, че тези трансформации не се поддържат от всички браузъри и примерът е експериментален.

Материалът е взет от чужд източник. И е представен само за информационни цели.

---