Указатель у ToolTip (CSS)

Веб-мастеринг

22.03.22

✎

08:58

Доброе утро.

Тут пример ToolTip на CSS
https://codepen.io/dudaskank/pen/jmLBMa

какой параметр (какие параметры) добавляет указатель к ToolTip

или есть красивей и проще решение ToolTip? поделитесь

1 vde69

22.03.22

✎

09:00

выложи картинку туда где не надо в капче автобусы искать...

2 План счетов

22.03.22

✎

09:05

https://disk.yandex.ru/i/Xoc9lJ7YSOlreQ

3 vde69

22.03.22

✎

09:10

https://habr.com/ru/post/132283/

4 vde69

22.03.22

✎

09:12

ну и
https://www.w3schools.com/css/css_tooltip.asp

5 План счетов

22.03.22

✎

09:21

(4) Вот этот вроде подходит. Спасибо.

6 Вафель

22.03.22

✎

09:48

Возьми бутстрап там все есть

7 План счетов

22.03.22

✎

09:53

(6) надо простенькое, чтоб все в одном было.

8 Вафель

22.03.22

✎

10:09

(7) ну а вообще нажимашь F12 выбираешь элемент с моришь все его свойства

9 План счетов

22.03.22

✎

10:43

(8) с этим отростком из (2) не догоняю, как рисуется.

10 Вафель

22.03.22

✎

10:58

в примере из (0) за отросток отвечает
[tooltip]::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4px 6px 0 6px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
  z-index: 99;
  opacity: 0;
}

11 Вафель

22.03.22

✎

11:00

Бери бутстрап и не парь мозг
https://getbootstrap.com/docs/5.1/components/tooltips/

12 План счетов

22.03.22

✎

12:04

(11) Спасибо