JSFiddle - React, Tailwind, and code Playground

by Felis Catus

HTML

<div class="tooltip">
я пузырёк!
</div>

CSS

.tooltip {
  background: white;
  color: #777;
  text-shadow: 0 0 2px #ccc;
  display: inline-block;
  padding: 20px;
  position: relative;
  border-radius: 5px;
  filter: drop-shadow(0 0 2px #555);
}
.tooltip:after {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  border-width: 10px 10px 0 10px;
  border-color: white transparent transparent transparent;
  border-style: solid;
  content: '';
}