@Drovosek01

Подсказка на css. Как треугольнику задать border?

Есть иконка (сделанная на html + css) и при наведении на неё курсора, выпадает подсказка.

5b7336871f9f6832825151.png

Проблема в том, что у подсказки обязательно должен быть border, но треугольник является псевдоклассок и сделан из border'a. Как задать ему бордер?
Может есть какие-нибудь альтернативные варианты сделать такую подсказку (скиньте пример)? Именно чтобы подсказка была такой формы и бордер был по всей форме.

Вот код элементов: https://codepen.io/Drovosek/pen/VBNqxe

P.S. задача осложняется ещё тем, что подсказка должна быть анимирована.
  • Вопрос задан
  • 315 просмотров
Решения вопроса 2
@Drovosek01 Автор вопроса
В общем я уже переделал как надо и это сохранилось в предоставленной ссылке.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@tyzberd
сделайте еще один поверх этого, только меньше. Нижнему цвет бордера, верхнему цвет фона
можно посмотреть в бс https://getbootstrap.com/docs/4.1/components/popovers/
Ответ написан
Ваш ответ на вопрос

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

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