CSS 3 · Positioning, effects and animation
Stick an element while scrolling
Keep a header at the top while its container scrolls.
.header {
position: sticky;
top: 0;
}
More positioning, effects and animation commands
- Cover the parent
- Crop an image to fit its box
- Truncate text with an ellipsis
- Limit text to a number of lines
- Animate a change smoothly
- Create an animation
All positioning, effects and animation commands · CSS 3 cheatsheet