CSS 3 · Positioning, effects and animation
Style keyboard focus
Show a clear outline only when navigating with the keyboard.
:focus-visible {
outline: 3px solid #0f766e;
outline-offset: 2px;
}
More positioning, effects and animation commands
- Stick an element while scrolling
- 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
All positioning, effects and animation commands · CSS 3 cheatsheet