Highlight Sweep

A color highlight sweeps across text on hover.

.hl-sweep { background: linear-gradient(90deg, #f59e0b40 50%, transparent 50%); background-size: 200% 100%; background-position: 100% 0; transition: background-position 0.3s; padding: 2px 4px; }
.hl-sweep:hover { background-position: 0 0; }