Loading…
Radius, padding, colours, shadow and a hover animation, tuned on a live button. Because the preview runs the same rule you copy, hovering it is already the test — the :hover state and its transition ship in the CSS.
The CSS
.my-button {
display: inline-block;
padding: 12px 22px;
border: none;
border-radius: 10px;
background: #f97316;
color: #ffffff;
font-size: 16px;
font-weight: 600;
cursor: pointer;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
transition: transform 150ms ease, box-shadow 150ms ease, filter 150ms ease;
}
.my-button:hover {
filter: brightness(0.88);
}Set what you want and the result appears as you go. Nothing needs uploading because there is nothing to upload — you are describing what to make, not sending us anything.
Your browser does all the work locally, using your own operating system where randomness is involved. Nothing is requested from a server, so nobody else has a copy of what you made.
One press puts it on your clipboard, ready to paste where you need it. There is no file to download — the result is text, not a document. Nothing is kept — refresh the page and it’s gone, so take what you need before you leave.