trysandbox.io logotrysandbox.io

// a sandbox of 376 sharp tools

Every little generator
you keep googling for.

QR, barcodes, bcrypt hashes for PHP, UUIDs, JWT decoders, color palettes — fast, local, no signup. Search the sandbox and start.

CSS Tooltip Generator

Design · tool

CSS Tooltip Generator

Pure-CSS hover tooltips in any position with live preview.

Hover meCopied to clipboard
.tooltip { position: relative; display: inline-block; }

.tooltip::after {
  content: attr(data-tip);
  position: absolute;
  bottom: 125%; left: 50%; transform: translateX(-50%);
  padding: 6px 10px;
  border-radius: 6px;
  background: #1f2937;
  color: #ffffff;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}

.tooltip:hover::after { opacity: 1; }

// about the sandbox

The small utilities you need,
without the ad-walls.

Most tools process their inputs in your browser. Tools that look up exchange rates, network details or word suggestions use external services; speech features can depend on your browser's services. Each tool's guide explains its purpose and practical limitations.

  • 376tool guides
  • 0accounts
  • 376sharp tools
  • ∞free forever