Skip to content

Instantly share code, notes, and snippets.

View breaker84's full-sized avatar

Izwan breaker84

  • UiTM Library
  • Malaysia
View GitHub Profile

Decode Text Effect

Text that appears to "decode" as if the characters where encrypted.

4 states per letter: Transparent/Line/Block/Visible. These states are shuffled for a unique "decode" effect each time.

A Pen by breaker84 on CodePen.

@breaker84
breaker84 / style.scss
Created March 4, 2023 22:34
Typed.scss: CSS-powered animated text
// Love dynamically typed text? You're gonna love this
// Edit these strings to see them typed on the screen:
$strings: (
"CSS typed this string!"
"It typed this one too 😱"
"Enjoy ☕"
);
// now for some timing (in seconds)
$durCharFwd: 0.10; // character typed