Flipboard анимация на CSS и Javascript
web-дизайн

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

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

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

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

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

  • Thanh

    Hello,

    I’m Thanh, from Ho Chi Minh city. I see your video clip and very like the script which flip images. So can you share me the source of this javascript library ?
    My email is: ngocthanhtruong@gmail.com
    Thank you so much.

    Thanh