@olya_097

Как реализовать выпадание за круг?

5daaf3652e8ea279013042.jpeg
  • Вопрос задан
  • 100 просмотров
Решения вопроса 1
@Nedoproger123
Через псевдоэлемент легко что либо добавить. Вот за пару минут накидал, круг двигайте куда угодно черезе top,left и тд.

Html
<div class="circle">
  <h1>
1. Одна
</h1>
<p>
Текст выходить за круг, Текст выходить за круг, Текст выходить за круг
</p>
</div>

Css
.circle{
  width:350px;
  height:350px;
  position:relative;
  padding:50px;
}
.circle h1, .circle p{
  position:relative;
  z-index:1
}
.circle:before{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  background: #bfbfbf;
  border-radius:150px;
  z-index:0;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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