Image
Articles by

Juan Diego Rodríguez

Image
Direct link to the article @keyframes

@keyframes

The @keyframes at-rule sets the value of properties at different points during an animation, so instead of defining how each property should behave at each frame of an animation, we set its keyframes, and CSS will figure out (i.e., interpolate) the values between them.
Image
Direct link to the article @namespace

@namespace

The @namespace at-rule can make a stylesheet target a specific code dialects, such as MathML, SVG, and XML. It works by declaring which dialect to scope using a namespace, which can be prefixed to match specific selectors, or non-prefixed to match every selector in the stylesheet.
Image
Direct link to the article @import

@import

The @import at-rule merges a CSS file into another one. It’s written at the top of the document, before any other CSS (except @charset and @layer rules), so if we try to write any other rule before @import, it …

Image
Direct link to the article @page

@page

The @page at-rule lets us style a site when presented as a paged media, that is, when printed or displayed as a PDF. Specifically, it allows us to set the page’s size, orientation, and margins. In supporting browsers, we …