Tag modern browsers
How To Create Bounce And Spring Animations With Css Linear() Easing
What it is: easing controls the speed curve of an animation, for example slow at the start and fast at the end. The classic keywords like ease only give smooth…
How To Use Css @Property To Animate Custom Properties And Gradients
What it is: normal CSS variables are just text, so the browser cannot animate them. With @property you tell the browser what type of value the variable holds, like a…
How To Use Css @Scope To Limit Styles To A Component
The @scope rule applies styles only inside a specific part of the page. It gives you component-level styling without BEM naming, CSS Modules or deeply nested selectors.
How To Use Css View Transitions For Smooth Page And Element Animations
The View Transitions API animates between two states of a page, like a filter change or a navigation, with a smooth cross-fade by default. It replaces heavy JavaScript animation libraries.
How To Load Custom Fonts With Css @Font-Face And Font-Display
Hosting fonts on your own server is faster, avoids third party requests and helps with privacy rules. Use @font-face to register the font and font-display to control how text shows…
