CSS & Design

CSS text offset

Draw a two-color text offset and copy the CSS.

In the browser

The glitch is drawn in this tab. Copy the CSS into your stylesheet.

1CLIK

About this tool

Draw a two-color text offset and copy the CSS.

Type up to forty characters, set the pixel offset, and pick one shadow color. The second shadow stays cyan so the split stays visible. The rule is a text-shadow on the phrase. It does not animate a video and it does not upload the words.

A large offset can push the shadows outside a tight line box. This is a style sample, not a brand lockup, and it is not a way to hide text from a copy action. The characters stay selectable.

Read the privacy line on this page before you use the result in public.

Quick steps

  1. Draw a two-color text offset and copy the CSS.
  2. Type up to forty characters, set the pixel offset, and pick one shadow color. The second shadow stays cyan so the split stays visible. The rule is a text-shadow on the phrase. It does not animate a video and it does not upload the words.
  3. A large offset can push the shadows outside a tight line box. This is a style sample, not a brand lockup, and it is not a way to hide text from a copy action. The characters stay selectable.

Read the privacy line on this page before you use the result in public.

FAQ

Draw a two-color text offset and copy the CSS.

Type up to forty characters, set the pixel offset, and pick one shadow color. The second shadow stays cyan so the split stays visible. The rule is a text-shadow on the phrase. It does not animate a video and it does not upload the words.

A large offset can push the shadows outside a tight line box. This is a style sample, not a brand lockup, and it is not a way to hide text from a copy action. The characters stay selectable.

Read the privacy line on this page before you use the result in public.

A useful next step

Site policies: Privacy · Terms