Как повернуть - "приподняв" объект?

Добрый день, интересуюсь как добиться эффекта приподнимания одной из сторон div-а. Как бы 3D эффект. Что-то на подобии чишуи у рыбы когда ещё гладишь против шерсти . Даже не знаю как ещё объяснить)

Я пробывал через

.one:hover {
transform-origin:right;
transform: rotateY(-25deg);
}

Но мне что-то не очень нравиться, может кто что посоветовать ?

Скорее всего вы имеете в виду 3D трансформации.
Почитайте этот материал. Также там есть онлайн-демо.

1 лайк

Спасибо, помогло

Есть ещё вопрос, я что то наверное делаю не так, но мне не нравиться то как у меня данный эффект получился.

https://jsfiddle.net/yL0L2yex/

Может вы сможете подсказать где я ошибаюсь ?
При наведение должна эта лусочка приподниматься, как в Demo 2.

Попробуйте задавать свойство perspective родителю, то есть элементу столбца с id.

1 лайк