Сверстать блок необычной формы?

Question

[Валерий Жмышенко]

Доброго времени суток!
Реально ли сверстать такой блок, с углублением как на картинке, в котором должна быть небольшая иконка? Или лучше и проще вставить картинку как background?

Answer 1

[Aetae]

Градиентами:
Тень внутри сделайте тем же способом сами.)

Comments

[Rustam Bainazarov]

Валерий Жмышенко, я бы только к этому ответу добавил, что тень внутри и с учетом выемки можно на фильтре сделать:

[Aetae]

Рустам Байназаров, так то да, но если нужен ослик - можно просто ещё одним градиентом)

[Rustam Bainazarov]

Aetae, Internet Explorer идёт лесом, как обычно. Ну и я не совсем представляю, как в целом сделать такую тень градиентом, включая растушёвку.

[Aetae]

Рустам Байназаров, как во времена ie6 делали картинками: 7 радиальных градиентов - на углы и в выемку, 4 линейных на края. :)
На самом деле я просто не разглядел, что тень нужна вокруг, а не только в выемке.=\

[Валерий Жмышенко]

Рустам Байназаров, а если бы углубление было бы не круглое а прямоугольное?

[Валерий Жмышенко]

Aetae, а если бы углубление было бы не круглое а прямоугольное?

[Aetae]

То углубление было бы не круглое, а прямоугольное.

[Валерий Жмышенко]

Aetae, тоже с помощью градиента?

Answer 2

[Андрей]

Теоретически можно сделать круг с внутренней тенью, который обрезать сверху. Но эту тень сложно будет сделать в точности как на макете, поэтому лучше картинкой.