mozhzh
@mozhzh
Верстальщик

Как реализовать полупрозрачную рамку?

Как реализовать полупрозрачную рамку поверх изображения с внутренними закругленными краями?

5cfb5f72138e4d819820b6e30de81f3c.jpg
  • Вопрос задан
  • 224 просмотра
Решения вопроса 1
Palehin
@Palehin
Frontend
Задавайте цвет в формате rgba.
Например:
border: 10px solid rgba(0,0,0,.2);
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@Flicker
*-coder
За основу можите взять codepen.io/estset123/pen/mOqNRQ
Ответ написан
Для прозрачности используется свойство opacity в css (https://webref.ru/css/opacity)

Например,
<style>
.mydiv {
  opacity: 0.5;
  background-image: url('background.png');
  width: 300px;
  height: 300px;
}
</style>

<div class="mydiv">
</div>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы