Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
text effect

5 Articles
{
,

}
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 …

Avatar of Sarah Fossheim
Sarah Fossheim on Apr 20, 2020 (Updated on Apr 23, 2020)
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 …

Avatar of Chris Coyier
Chris Coyier on Jun 29, 2018
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:…

Avatar of Giulio Mainardi
Giulio Mainardi on May 3, 2018 (Updated on Apr 2, 2021)
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 …

Avatar of Chris Coyier
Chris Coyier on Mar 21, 2017
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 …

Avatar of Chris Scott
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
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top