С помощью чего сделан эффект как на сайте https://www.fromscout.com/?

Question

[Gennady Dorokhin]

На сайте https://www.fromscout.com/ реализован интересный эффект с 3д коробками.
Подскажите с помощью чего можно это реализовать.

Comments

[Deita]

открыл на слабом ноутбуке фризы жесть

Answer 1

[alexalexes]

Анимация по ключевым кадрам.
animation: main-logo-texture 10s linear infinite;
Ключевые кадры:

@keyframes main-logo-texture {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-99px)
    }
}

Comments

[Gennady Dorokhin]

т.е это не 3д модель там?
Я уж думал что там сделано с использованием https://threejs.org/

[alexalexes]

Да, коробка с товаром рисуется на канвасе с помощью JS библиотеки.
Я первоначально думал, что вам логотип анимированный интересен Scout - он на чистом CSS сделан.

[Gennady Dorokhin]

alexalexes, не, именно эти коробки при клике на которые инфа вылазит

Answer 2

[HARDOOPS]

Ясен пень, что с помощью библиотеки Three.js (threejs.org). Видно ведь, что эти коробки – модели.

Answer 3

[Nick Zemtsow]

Three js она позволяет гибко работать с 3D + поддержка программ таких как 3DMAX Blender и другие.

Comments

[Gennady Dorokhin]

Не хотите помочь с реализацией подобного за вознаграждение?

Answer 4

[squirtazzer]

я на революшн слайдер делал такое же на изи.

Answer 5

[Вадим Татарских]

если вы про ховер то вот похожий