Tag
css
Published articles tagged css.
Alignment Cheatsheet for CSS and Tailwind
Tailwind’s alignment utilities are the CSS justify and align properties with shorter names. This sheet pairs each utility with the property it sets, whether it moves on the inline or stacking axis, and which boxes it applies to.
CSS Flexbox in Tailwind
Flexbox lays out items in a single row or column and decides where the leftover space goes. This page explains the two axes that every flex class refers to, then walks through Tailwind's direction, alignment, wrapping, and sizing classes with live demos you can change.
Smooth scrolling effect with pure CSS only
Smooth scrolling effect with pure CSS only, without JavaScript
CSS Transitions and Animations
CSS provides (at least) two ways to set elements in motion: transitions and animations. In this article we compare them and show how they work.