jQuery

JavaScript Вращение псевдотрехмерных цилиндрических объектов с помощью CSS и JavaScript

Как-то давно я прочитал занятную статью Романа Кортеса (Roman Cortes) об интересном эффекте, которого можно добиться используя старое-доброе css-свойство background-attachment:fixed. Основная суть этого занятного эффекта в разбиении видимой поверхности цилиндрического объекта на множество вертикальных прямоугольников и задании им фоновой картинки с background-attachment:fixed. Далее достаточно проскроллить блок с таким образом сформированным объектом и поразиться тому, что с помощью простого CSS можно добиться такого эффекта вращения цилиндрического объекта. Но в упомянутой выше статье вертикальные блоки для видимой части цилиндра, а также их настройки (в частности background-position) были подобраны вручную. Я решил написать простенький javascript-код, которой позволит собирать подобную цилиндрическую поверхность из любой прямоугольной текстуры.

Читать дальше →