Цікавий морфінг девайсів у веб-дизайні, RUDEBOX

У цьому уроці ми розглянемо щось нове, зокрема слайд-шоу за технологією морфінгу, ця технологія в сучасному веб-дизайні зустрічається дуже рідко, але набирає обертів. Ідея полягає в плавному переході між різними пристроями, які показують скріншот адаптивного дизайну сайту або програми, застосовуючи різні класи пристрою. Слайдер буде виконано у мінімалістичному стилі. Використовуючи однакові елементи та псевдоелементи для всіх пристроїв, ми можемо створити цікавий ефект морфінгу.

Є чотири пристрої, які ми використовуватимемо для відображення різних скріншотів з адаптивним дизайном. Для деяких ми будемо використовувати опцію обертання. Ми будемо змінювати класи в залежності від пристрою, а оскільки всі пристрої мають певні переходи, ми побачимо ефект морфінгу. Слід звернути увагу, що ці трансформації підтримують в повному обсязі браузери, і приклад є експериментальним.

Матеріал взято із зарубіжного джерела. І представлений виключно з ознайомлювальною метою.