Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
text effect

5 Articles
{
,

}
Image
Direct link to the article Creating Playful Effects With CSS Text Shadows
text effect text-shadow

Creating Playful Effects With CSS Text Shadows

Let’s have a look at how we can use the CSS text-shadow property to create truly 3D-looking text. You might think of text-shadow as being able to apply blurred, gradient-looking color behind text, and you would be right! But just …

Image
Sarah Fossheim on Apr 20, 2020 Updated on Apr 23, 2020
Image
Direct link to the article Fitting Text to a Container
fluid type text effect text-justify

Fitting Text to a Container

There are a number of ways to go about putting some text in a container and having it size itself to fill that container. There are different technologies we can use and different considerations to think about. Let us count …

Image
Chris Coyier on Jun 29, 2018 Updated on Dec 9, 2025
Image
Direct link to the article Responsive Knockout Text With Looping Video
SVG text effect video

Responsive Knockout Text With Looping Video

Here’s an idea! Let’s make an HTML <video play inside the shape of some letters. Like “Knockout Text” except instead of an image behind, it’s video. A live demo will explain more clearly:…

Image
Giulio Mainardi on May 3, 2018 Updated on Apr 2, 2021
Image
Direct link to the article Text Effects with CSS (and a little contenteditable trick)
text effect

Text Effects with CSS (and a little contenteditable trick)

Mandy Michael has been creating some incredible text effects with just the power of CSS. She uses every trick in the book: gradients, transforms, pseudo elements, shadows, and clipping paths to name a few. They are all real web text …

Image
Chris Coyier on Mar 21, 2017
Image
Direct link to the article SVG Filters on Text
filter SVG svg filters text effect

SVG Filters on Text

The following is a guest post by Chris Scott. Chris was messing around with SVG filters and how they can be applied to text. I thought this was quite interesting because SVG filters are quite a bit different than …

Image
Chris Scott on Aug 9, 2013 Updated on Aug 29, 2018

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top
Advertisement