https://moderncss.dev/the-3-css-methods-for-adding-element-borders/
In CSS, sometimes a `border` is not really a `border`. In this episode, we'll cover the differences between `border`, `outline`, and `box-shadow` and when...
cssmethodsaddingelementborders
https://css-tricks.com/how-to-animate-the-details-element/
Mar 2, 2021 - Here's a nice simple demo from Moritz Gießmann on animating the triangle of a <details> element, which is the affordance that tells people this...
element cssanimatedetailstricks
https://pawelgrzybek.com/popover-element-entry-and-exit-animations-in-a-few-lines-of-css/
Creating entry and exit animations for elements has always been tedious. Nowadays, we can do it with just a few lines of pure CSS, without a single line of JS.
popoverelemententryexitanimations
https://www.kirupa.com/web/changing_colors_svg_css_javascript.htm
Almost everything inside an inline SVG image is up for modification using CSS and JavaScript. Let's find out how by changing some colors!
changingcolorssvgelementusing
https://verpex.com/blog/website-tips/how-to-create-a-css-only-loader-with-one-element
Learn CSS tricks to create single-element loaders with an optimized code and modern techniques
createcssloaderoneelement
https://www.freecodecamp.org/news/zig-zag-css-loaders/
In a previous article, I showed you how to create filling CSS loaders collection where each loader was built using a single HTML element. Here, you’ll learn...
zig zagcss loaderscreateusingone
https://www.freecodecamp.org/news/filling-css-loaders/
In a previous article, I showed you how to create two types of CSS loaders: a spinner and a progress bar. In this article, you’ll learn about another...
css loaderscreatefillingusingone
https://thinkdobecreate.com/articles/css-animating-newly-added-element/
Learn to leverage the natural behavior of attaching animation via CSS keyframes to reveal new elements.
newly addedcssquicktipanimating
https://www.mikeaparicio.com/posts/2025-01-23-styling-a-meter-element-with-css-and-svg/
How to make a fancy rating component.
stylingmeterelementcsssvg
https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not/
Leverage Scroll-Driven Animations + a Space Toggle or State Query to selectively style an element based on it being scrollable or not.
solvedcssscrolldrivenanimations
https://www.freecodecamp.org/news/how-to-create-a-css-only-loader/
If you have a website, it's helpful to have a loader so users can tell something is happening once they've clicked a link or button. You can use this...
createcssloaderusingone