From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,500 courses taught by industry experts.

3D shadow text

3D shadow text - CSS Tutorial

From the course: CSS Shorts

3D shadow text

- [Instructor] Hi, this is Chris Converse and in this episode we'll use the text shadow property to create a 3D text effect. So if you'd like to follow along download the exercise files and let's begin by opening the HTML file in a text editor. So once you have the HTML file open you'll see we have a very simple layout. Up in the head area we're linking to style.css, which we'll open in a moment. And inside of the body area we simply have an h1 and two paragraph elements. And it's this h1 element that we're going to be adding our effect to. So to do that let's go back to the exercise files, let's open style.css in our text editor, and I'm going to scroll up here a little bit. Let's find the h1 element. After the text align property let's first come in here and change the color. So I'll type color colon space, pound sign, and three fs for white. Save your css file, and then if you reload this in a browser you'll see that h1 is now in white. So back in the css let's add another property…

Contents