☰
  • Гаджеты
    • iPhone
    • Android
    • Новости
    • Обои для смартфонов
    • Программы для android
    • Обзоры о гаджетах
    • Программы
  • Компьютеры
    • Windows
    • Ubuntu
    • MS Office
    • Программы для ПК
    • Обслуживание и защита ПК
  • Интернет
    • Браузер
    • Создание сайтов
    • SEO и раскрутка
    • Социальные сети
    • Заработок
    • Сатострой
  • Игры
    • Клиентские
    • Браузерные
    • Мобильные
    • Ретро
  • Другое
    • 1С Бухгалтерия
    • Техно-статьи
    • Дайджест

Flipboard анимация на CSS и Javascript

Пока верстаю новый дизайн, решил выложить одно из меню, которое будет в нем задействовано. Я попытался скопировать анимацию приложения для iPad/iPhone Flipboard с помощью CSS3 и Javascript. Вроде бы получилось удачно.

Очень интересный эффект мне удалось достигнуть на одной из рекламных работ, посвящённой стиральной машине Атлант, когда в первом кадре появлялась стиральная машина, а потом в неё закладывалось бельё с других фотографий - первый переход был очень интересным. Кстати, Атлант - реально хорошая стиральная машина.

Круто, что там все происходит автоматом и на видео это видно - просто вставляем картинку в нужный блок и она добавляется в стек анимации.

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

Как доведу все до ума обязательно поделюсь кодом со всеми желающими)




  • Гороскоп по знакам зодиака на март 2021 года
  • Лунный посевной календарь на март 2021
  • Лунный календарь стрижек на март 2021
  • Лунный календарь маникюра на март 2021



  • Дата публикации: 2020-10-09

    Автор статьи:
    Alex Zolnov


    • Популярное
    • Новое
    На тему Android и Apple
    Dungeon Hunter 3 - игра для Android 2012
    Програма Навигатор для OS Android
    Телефоны с Android доступны для всех
    Чем открыть Fb2 на компьютере и в Андроид?
    Виджет часы для Андроид
    Max Payne mobile - Игра для Android 2012
    Как сделать зачеркнутый текст в ВК?
    Как сделать всплывающие уведомления в ВК Андроид?
    Как отключить подписку ВК на музыку Айфон?
    Как отключить безопасный поиск ВК на Айфоне?
    Как скачать музыку с ВК?
    Как скачать фото из яндекса на компьютер?
    Как увидеть историю посещения сайтов?


    © 2020 Блог о компьютерах, гаджетах и программах
    Все права защищены. При копировании материалов ссылка на сайт обязательна.
    Cайт носит информационный характер и не является публичной офертой согласно положениям статьи 437 ГК РФ.