Как сделать такой button?

Question

[dzho]

Всем привет! Не могу понять как сделать такую кнопку?
1. Наложить несколько слоев через перспективу но тут же вопрос как получить такой градиент меж- верхним и и нижним слоем кнопки. Так же нужен hover effect нажатия на кнопки чтоб продавливалась вниз.
2. Или как то делать через rotate.


Спасибо.

Comments

[Ярослав Иванов]

Через картинки нельзя сделать ? при hover'e кнопка бы смещалась. Естественно со всякими аблосютами и z-index'ами.

[dzho]

Ярослав Иванов: К сожалению через картинки нельзя сделать. Это бы конечно упростило задачу.

[Ярослав Иванов]

dzho: Почему нет ?

[Ярослав Иванов]

Можно же сделать в 3 картинки. Колба на месте + фон. А кнопка при ховере туда сюда катается и прячется за колбу. Кароч можно.

[dzho]

Ярослав Иванов: Так как кнопки будут использоватся под разные экраны. От 1000 до 3000px

[Igor Koch]

dzho: Использовать векторный SVG для кнопок тоже нельзя?

[Ярослав Иванов]

dzho: Не вижу проблемы в блок обернуть

Answer 1

[Дмитрий Лузанов]

Оторвите голову "дизайнеру"

Comments

[dzho]

К сожалению это не поможет.

Answer 2

[Виталий]

Значится берем болшой кружку чая, потом это, как пример, codepen.io , добавляем текст .. и докручиваем под нужны угол

Answer 3

[dom1n1k]

Такие вещи делаются картинками.