@Mars1k
Изучаю вёрстку

Как сделать данный блок?

5cb6215cca6fb302923411.png
Нужно сделать блок с такой формой, помогите.
  • Вопрос задан
  • 81 просмотр
Решения вопроса 2
<div class="toolTip">
        <p class="toolTip__content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur distinctio dolore ipsam iste nobis pariatur possimus quia, quidem quisquam quos?</p>
        <!-- /.toolTip__content -->
    </div>
    <!-- /.toolTip -->

.toolTip {
  width: 400px;
  height: 150px;
  background-color: #ebebeb;
  border-radius: 5px;
  margin-left: 50px;
  position: relative;
  padding: 20px;

  &::before {
    content: "";
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    position: absolute;
    left: -15px;
    top: 30%;
    background-color: #ebebeb;
  }
}
Ответ написан
andreydobrin
@andreydobrin
Сложно , но это пока
Держи это как вариант.
Там разделили тебе, чтоб было понятно)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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