Library / Search

Find your
next move.

5 useful things

Text Truncation with Ellipsis

Truncate text with ellipsis for single line or multiple lines.

/* Single line truncation */
.truncate-single {
  white-space: nowrap;
  overflow: hidden;

#text#truncate

easy

02CSS↗

Gradient Text Effect

Apply beautiful gradient colors to text using CSS.

.gradient-text {
  background: linear-gradient(135deg, #3a7bff, #8b5cf6, #ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

#gradient#text

easy

03CSS↗

Typewriter Text Effect

Create a typing animation effect for text using CSS.

.typewriter {
  font-family: monospace;
  overflow: hidden;
  border-right: 3px solid #3a7bff;

#typing#animation

medium

04CSS↗

Glitch Text Effect

Create cyberpunk-style glitch text with RGB split and distortion.

.glitch-text {
  position: relative;
  font-size: 48px;
  font-weight: 900;

#glitch#text

medium

05CLI↗

Advanced Sed Text Transformation

Advanced sed patterns for complex text manipulation, line editing, and batch processing.

# Basic substitution
sed 's/old/new/g' file.txt

# Replace only on specific lines

#sed#text

hard