Nearby lessons
71 of 71🎨 Tailwind CSS - Background Blend Mode
📖 Overview
Background blend mode utilities control how an element's background image blends with its background color.
These map to the CSS background-blend-mode property.
📏 Background Blend Mode Utilities
Available utilities (same values as mix-blend-mode):
bg-blend-normal- No blendingbg-blend-multiply- Multiply blendbg-blend-screen- Screen blendbg-blend-overlay- Overlay blendbg-blend-darken- Darken blendbg-blend-lighten- Lighten blendbg-blend-color-dodge,bg-blend-color-burnbg-blend-difference,bg-blend-exclusionbg-blend-hue,bg-blend-saturation,bg-blend-color,bg-blend-luminosity
Example02
Loading editor…
🧠 Test Your Knowledge
1 QuestionsProgress: 0 / 1