CSS Advanced Features

Focused View

Nate Taylor

2:08:40

16 View

1. Course Overview

1. Course Overview.mp4

00:54

2. Creating Rounded Corners

1. Creating Rounded Corners.mp4

03:18

2. Basic Rounded Corners.mp4

03:20

3. Creating Rounded Objects.mp4

04:07

4. Customizing Border Radius.mp4

03:29

5. Advanced Border Radius.mp4

03:14

3. Adding Box Shadows

1. Adding Box Shadows.mp4

02:03

2. Blurring the Shadow.mp4

02:59

3. Shadows on More than One Side.mp4

04:51

4. Changing Shadow Size.mp4

02:16

5. Multiple Box Shadows.mp4

04:06

4. Applying Gradients

1. Applying Gradients.mp4

02:39

2. Applying Gradients to the Entire Page.mp4

01:30

3. Preventing a Repeating Gradient.mp4

02:12

4. Controlling Gradient Direction.mp4

02:16

5. Controlling Color Breaks.mp4

02:40

6. Updating the Gradient.mp4

03:14

7. Non Linear Gradients.mp4

03:42

5. Transitioning Between States

1. Transitioning between States.mp4

02:38

2. Controlling the Transition.mp4

05:44

3. Transitioing without Hovering.mp4

03:08

4. Independent Transitions.mp4

04:33

5. Waiting on Transitions.mp4

02:31

6. Transitions Shorthand.mp4

02:23

6. Transforming Elements

1. Transforming Elements.mp4

01:01

2. Rotating an Object.mp4

01:41

3. Transform Functions.mp4

03:59

4. 3D Transforms.mp4

02:31

5. Setting up the Cards.mp4

03:08

6. Flipping the Cards.mp4

05:08

7. Creating Animation

1. Creating Animations.mp4

01:37

2. Trigger a Transition on Click.mp4

03:43

3. Basic Animation.mp4

03:35

4. Looping Animations.mp4

02:37

5. Keeping the Last Animation Frame.mp4

02:08

6. Controlling How Animations Restart.mp4

01:49

7. Multiple Animations.mp4

04:06

8. Text and Typography

1. Text and Typography.mp4

02:57

2. Transforming Text.mp4

02:48

3. Laying Out Text.mp4

03:51

4. Adding Text Shadow.mp4

02:22

5. Decorating Text.mp4

02:17

6. How We Got Here.mp4

03:35

Description

CSS is essential in controlling how a site looks and feels. This course will teach you how to move beyond basic stylings to apply various effects such as shadows and animations using purely CSS.

What You'll Learn?

CSS provides you the ability to control the fonts, colors, layout and spacing used on your website. However, it can do more than that. It can also provide an interactive experience to your users. In this course, CSS Advanced Features, you’ll learn to improve the look and feel of websites that you build. First, you’ll explore creating rounded corners using CSS. Next, you’ll discover how to apply box shadows to objects. Finally, you’ll learn how to create animations using CSS transforms and transitions. When you’re finished with this course, you’ll have the skills and knowledge of CSS special effects needed to improve the look and feel of any website you create.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Nate Taylor

Instructor's Courses

Nate's first program was written in QBasic on an 8086 clone his dad built. Since then he's written applications in C++, .NET, and Node.js. He spent the first 12 years of his career writing Windows applications before transitioning to write applications for the web. Regardless of the language or type of application he's written, he strives for writing clean, testable, and maintainable code. In addition to his day job as a developer, Nate also enjoys speaking at various conferences. He will typically be found talking about topics such as TDD, clean code, or professionalism.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.