HTML CSS Упражнение: создание формы речевого пузыря с помощью CSS3

Автор Борис Терешков На чтение 1 мин. Просмотров 8 Опубликовано 29.04.2021

Решение:

HTML-код:

       Создайте форму речевого пузыря с помощью CSS3   # Speech-bubble {width: 120px;  высота: 80 пикселей;  фон: # 5ac4ed;  позиция: абсолютная;  слева: 100 пикселей;  -moz-border-radius: 10 пикселей;  -webkit-border-radius: 10 пикселей;  border-radius: 10px;} # речевой пузырь: до {content: "";  позиция: абсолютная;  ширина: 0;  высота: 0;  верхняя граница: сплошная прозрачная 13 пикселей;  border-right: 26px solid # 5ac4ed;  нижняя граница: сплошная прозрачная 13 пикселей;  маржа: 13px 0 0 -25px;}     
        Живая демонстрация:  
  См. ответ от пера w3resource (@ w3resource) на CodePen. 
 
   Поддерживаемый браузер  
                   
   Да   Да   Да   Да   Да