Крутейшие CSS и HTML примеры Material Design в действии
39 706 любопытных
Мы узнали и увидели Material Design несколько месяцев назад. И конечно же этот инновационный визуальный язык от Google становится всё больше популярным. И сейчас мы можем увидеть всё больше и больше сайтом и приложений, которые используют этот стиль. 2015 год будет годом Material Design и он точно нам понравится.
А чтобы продемонстрировать на что способен этот стиль, давайте сегодня с Вами взглянем на несколько очень популярных и крутых CSS и HTML примеров в действии, то есть во всех работах присутствует анимация, и смотрится это конечно превосходно.
Огромное спасибо http://speckyboy.com и рекомендую следующее к просмотру:
- Страницы с 404 ошибкой которые соответствуют трендам 2015 года
- 9 советов на пути к созданию достойного дизайна
- 10 крутых примеров работы HTML5 Canvas
- Самые популярные и бесплатные HTML редакторы для веб — разработчиков
- Необычные и интерактивные карты сайта для вдохновения
Демонстрация приложений
Красивая демонстрация приложений, какие установлены на новый Android Lollipop, очень круто и профессионально смотрится.
Анимированная сетка
Эта сетка сделана с помощью CSS, конечно же в стиле Material Design, так же плитки немного меняют цвет при наведении, а так же добавляется еле заметная тень.
Несколько иконок
Набор из нескольких иконок с анимацией в стиле Material Design
Анимация для презентации
Красивая анимация, которая больше подойдёт для каких либо презентаций, конечно же в стиле Material Design.
Сетка с классным эффектом
Простая сетка с адаптивным дизайном, но её блоки имеют интересный эффект при наведении.
Бар загрузки страницы
Интересный и анимационный бар который показывает, что страница загружается. Он выполнен в стиле Material Design и находится сверху страницы.
Всплывающее окно при клике
Красивое и простое всплывающее окно в стиле Material Design, которое выпадает, когда пользователь кликнет на круглую иконку.
Форма входа
Простая и стильная форма входа выполненная в стиле Material Design
Анимация при перелистывании
Пример того как срабатывает анимация при перелистывании блоков в приложении
Навигация
Очень красивая и простая навигация выполненная в стиле Material Design с крутой анимацией при клике.
Меню с иконкой гамбургер
Анимационное меню с анимационной иконкой гамбургер.
Круг загрузки
Красивый и анимационный круг загрузки на сайт или приложение
UI от Chrome
CSS макет Chrome выполненного в стиле Material Design
Табы
Красивые табы в стиле Material Design с классной анимацией
