3D CARTOON TEXT WITH CSS TEXT-SHADOW

Playing around with CSS text-shadow and the Google Font “Luckiest Guy”.

Author

  • Fielding Johnston

Made with

  • HTML / CSS

SCSS 3D TEXT MIXIN

This is a simple SCSS mixin that creates 3D blocky looking text with text-shadows.

Author

  • Liam Egan

Made with

  • HTML / CSS (SCSS)

ANIMATED TEXT-SHADOW

A fun, CSS animation that creates a bounce while mimicking an RGB separation during the process.

Author

  • Erin E. Sullivan

Made with

  • HTML / CSS

DIRECTION-AWARE TEXT-SHADOW

Direction-aware text-shadow, use of CSS variables to create perspective and 3D light effect on text.

Author

  • Martin Picod

Made with

  • HTML / CSS (SCSS) / JavaScript

GROOVY CSS EFFECT

1960’s font effect using CSS text-shadow property along with SASS function and mixins to keep code DRY.

Author

  • Daniel Gonzalez

Made with

  • HTML (Pug) / CSS (SCSS)

Author

  • Nooray Yemon

Made with

  • HTML (Slim) / CSS (SCSS)

FANCY TEXT SHADOW

Author

  • agathaco

Made with

  • HTML (Pug) / CSS (SCSS)

CSS TEXT-SHADOW

Modern shadow effect for text with CSS text-shadow.

Author

  • IMarty

Made with

  • HTML / CSS (SCSS)

PRETTY SHADOW

Pretty text shadow.

Author

  • Alex Moore

Made with

  • HTML / CSS (SCSS)

VARIABLE LONGSHADOW WITH GRADIENTS MIXIN

This doesn’t need to exist. But now you can define long shadows with different colors and spreads with one Sass mixin.

Author

  • Dario Corsi

Made with

  • HTML / CSS (SCSS)

NEON EFFECTS

Neon text-shadow effects.

Author

  • Erik Jung

Made with

  • HTML / CSS / JavaScript

AWESOME TEXT-SHADOW

Flat and simple text shadow effect.

Author

  • Nguyen Hoang Nam

Made with

  • HTML / CSS

TEXT-SHADOW

Author

  • Mayur Elbhar

Made with

  • HTML / CSS

LONG SHADOW GRADIENT MIXIN

A Sass (SCSS) mixin to quickly generate long shadow gradients. Suitable for both text-shadow and box-shadow.

Author

  • roikles

Made with

  • HTML / CSS (SCSS)

CSS3 TEXT-SHADOW EFFECTS

Author

  • Jorge Epuñan

Made with

  • HTML (Haml) / CSS (Less)