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

Решение:

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.


Поддерживаемый браузер

Да Да Да Да Да

Оцените статью
nanomode.ru
Добавить комментарий