Блок з градієнтом

Влад Мержевич

Створіть блок, як показано на малюнку 1. Блок містить напівпрозору градієнтну рамку з градієнтним фоном під заголовком та невеликим вказівником. Фон на сторінці наведений лише для наочності ефекту напівпрозорості, ви можете вказати будь-яке своє зображення. Мінімальна висота блоку становить 100px.

Необхідно виконати наступні умови:

  • Валідна верстка на HTML5.
  • Валідність CSS не є обов'язковою.
  • Таблиці та їх імітація через стилі не використовуються.
  • Кути мають фіксований розмір, ширина та висота кутів однакові, задається у пікселях.
  • Коректне відображення в браузерах IE9, Opera 11.10+, Firefox 5, Safari 5.0.5, Chrome 12+.
  • Допускаються незначні відхилення від макета при відображенні в різних браузерах.
  • Блок "резиновий", тобто розтягується по ширині вікна браузера.
SEO текст: Створіть блок з напівпрозорою градієнтною рамкою та градієнтним фоном. Дотримуйтесь умов верстки і відображення в різних браузерах.

Часті запитання