Как сделать вдавленную кнопку?

Question

[deadshumz]

Хочу сделать белую кнопку на белом фоне, с скруглёнными краями, и как бы фаской. То есть кнопка как бы вдавлена и с помощью теней сделать фаску. Как это сделать?

Answer 1

[Moon Presence]

Этот стиль называется Neumorphism. Вот статья по этой теме, а это генератор, с помощью которого можно настроить нечто похожее. И запрос для Google: neumorphism button css. Материала просто куча, от живых примеров, до видео на Youtube. Можете поискать и на Codepen, там тоже полно живых примеров.

Answer 2

[Арсений Матыцин]

box-shadow с флагом inset и две тени, одна темная, другая светлая.

Answer 3

[komb]

А вот готовый вариант. )

Comments

[Роман]

а мне так нравится больше ))))