Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Unused CSS Stages CSS Animations Full-Page Animation Project: Part 1

Fedor Andreev
Fedor Andreev
6,438 Points
Posted by Fedor Andreev
Fedor Andreev
6,438 Points

What does the @ stand for?

In @-webkit?

3 Answers

Dino Paškvan
PLUS
Dino Paškvan
Courses Plus Student 44,108 Points
Dino Paškvan
Dino Paškvan
Courses Plus Student 44,108 Points

The @ symbol has nothing to do with webkit here. The -webkit- part is just a vendor prefix. But the video is talking about keyframes, and they are a part of what is known as at-rules in CSS, as they're preceded by an @ symbol. At-rules are a special instruction for the CSS parser and they're used for various things. Apart from specifying keyframes for animations, you also have at-rules for things like media queries (@media) or custom fonts (@font-face).

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

At-rules are instructions or directives to the CSS parser. They can be used for a variety of purposes.

further reading

Andrew McCormick
Andrew McCormick
17,730 Points
Andrew McCormick
Andrew McCormick
17,730 Points

The at rules of CSS: http://www.htmldog.com/guides/css/advanced/atrules/

Where have you seen it used "@-webkit" . typically you would just see '-webkit'