Крутейшие CSS и HTML примеры Material Design в действии

Разместил / Просмотров: 13 844 / комментария 4

Мы узнали и увидели Material Design несколько месяцев назад. И конечно же этот инновационный визуальный язык от Google становится всё больше популярным. И сейчас мы можем увидеть всё больше и больше сайтом и приложений, которые используют этот стиль. 2015 год будет годом Material Design и он точно нам понравится.

А чтобы продемонстрировать на что способен этот стиль, давайте сегодня с Вами взглянем на несколько очень популярных и крутых CSS и HTML примеров в действии, то есть во всех работах присутствует анимация, и смотрится это конечно превосходно.

Огромное спасибо http://speckyboy.com и рекомендую следующее к просмотру:

Демонстрация приложений

Красивая демонстрация приложений, какие установлены на новый 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 с классной анимацией

Перейти

  • behruz

    Огромное спасибо, Я давно искал эту тему, то что надо. Суперский сайт!!!

  • Я очень рад, что Вам понравилось и пригодилось :)

  • Aleksandr Pavlovskiy

    Александр, не подскажите по курсам Охрименко, как Вам? — https://www.youtube.com/watch?v=tPJx6x5WEsE&list=PLvItDmb0sZw9cJossgyJepu6N9hybEjKU

  • Даже и не знаю, что сказать, подобное как то не смотрел никогда. О этом человеке впервые слышу.