Как сверстать такие блоки?

Question

[darksladen]

Подскажите пожалуйста, как лучше сверстать эти блоки?

prnt.sc/f442to
prnt.sc/f443b8

Answer 1

[Ankhena]

1. градиенты https://webref.ru/css/value/linear-gradient
2. трансформации https://webref.ru/css/transform
3. тени https://webref.ru/css/box-shadow

Вообще, зависит от судьбы блоков при адаптации, может фоновой картинкой будет проще

Comments

[darksladen]

Спасибо, но.. Зачем тени? Непонятно как треугольник сделать такой красивый, а также лампу над ним

[Ankhena]

darksladen: еще раз: при адаптации как оно себя должно вести?