trysandbox.io logotrysandbox.io

// a sandbox of 152 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.

Every generator runs entirely in your browser. Your inputs never leave the page — no servers, no logging, no tracking pixels. Open the tool, get the thing, close the tab.

  • 100%client-side
  • 0accounts
  • 152sharp tools
  • ∞free forever