| Background Image Opacity in CSS (jim) | | 59 |
| css, images |
| Minimal CSS-Only Blurry Image Placeholders (kal) | | 58 |
| images, placeholders, css, techniques |
| A Deep Dive Into the Inline Background Overlap Problem (ana/fro) | | 57 |
| deep-dives, css, svg, filters |
| Make Creative Borders With “background-clip: border-area” (jen/web) | | 56 |
| css, borders, safari, apple, browsers |
| How to Use the CSS “backdrop-filter” Property (log) | | 55 |
| how-tos, css, filters, effects |
| Building a Dynamic Background Effect | | 54 |
| react, css, animations, effects |
| Backgrounds for the Box Model (and Why It Can Be Useful) (chr/fro) | | 53 |
| css, box-model |
| Alternatives to Using Pure Black (“#000000”) for Text and Backgrounds (ser) | | 52 |
| design, colors, accessibility |
| Video With Alpha Transparency on the Web (jaf) | | 51 |
| multimedia, transparency |
| How to Create Rounded Gradient Borders With Any Background in CSS (ben) | | 50 |
| how-tos, css, borders, gradients |
| The Best CSS Background Patterns for Your Next Project | | 49 |
| css |
| How to Use CSS “background-size” and “background-position” | | 48 |
| how-tos, css |
| I Created 100+ Unique CSS Patterns (css) | | 47 |
| css, effects |
| Checkered Background Using Two Lines of Code in CSS (ami+) | | 46 |
| css |
| Moving Backgrounds (css) | | 45 |
| css |
| A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (arg) | | 44 |
| css, colors, contrast, strategies |
| Optimal Images in HTML (ste/bui) | | 43 |
| html, images, performance, optimization |
| Highly Customizable Background Gradients (spa/clo) | | 42 |
| css, gradients |
| CSS Gradient Background From Figma to CodePen | | 41 |
| css, gradients, figma, codepen |
| Cool Hover Effects That Use Background Properties (css/css) | | 40 |
| css, effects |
| A Deep Dive Into “object-fit” and “background-size” in CSS (sha/sma) | | 39 |
| css, deep-dives |
| Scroll-Bounce Page Background Colour (tem) | | 38 |
| colors, scrolling, css |
| On Fixed Elements and Backgrounds (hui) | | 37 |
| css, positioning, scrolling, performance |
| Optimize CSS Background Images With Media Queries (dev) | | 36 |
| css, images, media-queries, optimization |
| Stacked “Borders” (mey/css) | | 35 |
| css, borders, shadows, gradients, images |
| Apply a Filter to a Background Image (chr/css) | | 34 |
| images, filters, css |
| More Unicode Patterns (css) | | 33 |
| unicode |
| CSS Basics: Using Multiple Backgrounds (chr/css) | | 32 |
| fundamentals, css |
| The Movement Towards Motion in Website Backgrounds | | 31 |
| animations, design |
| Working With Images in Stylesheets With PostCSS (css) | | 30 |
| css, images, postcss, examples |
| The 10 Big Web Design Trends of 2015 | | 29 |
| design, layout, trends, minimalism, scrolling, flat-design, animations, colors, typography |
| Background Image Shapes (css) | | 28 |
| images, shapes, css, transforms, clipping, svg |
| Reverse Text Color Based on Background Color Automatically in CSS (fon/css) | | 27 |
| css, colors, animations, effects |
| Creating a CSS Sliding Background Effect (geo/css) | | 26 |
| css, transforms, effects |
| 12 Little-Known CSS Facts (lou) | | 25 |
| css, colors, borders, tables |
| Basics of CSS Blend Modes (chr/css) | | 24 |
| fundamentals, css, blend-modes, examples |
| Simple Responsive Images With CSS Background Images (sma) | | 23 |
| responsive-design, images, css, html |
| 5 Extremely Useful But Rarely-Used CSS3 Properties | | 22 |
| css, transitions, colors, shadows |
| The Facebook Loading Animation in CSS (css) | | 21 |
| css, animations, facebook+meta |
| How to Resize Background Images With CSS3 (cra) | | 20 |
| how-tos, resizing, css |
| The Art of the Web Background | | 19 |
| design, examples, link-lists |
| CSS Gradients (chr/css) | | 18 |
| css, gradients, examples |
| Background Desires (chr/css) | | 17 |
| css |
| CSS3: To Infinity and Beyond! (mis) | | 16 |
| css, gradients, filters |
| Perfect Full Page Background Image (chr/css) | | 15 |
| images, css, filters, jquery, techniques |
| Don’t Rely on Background Colors Printing (chr/css) | | 14 |
| colors, borders, css, print |
| Auto-Moving Parallax Background (chr/css) | | 13 |
| parallax, effects, html, css, javascript |
| SVG Paint Servers for HTML | | 12 |
| html, svg, css, images |
| Image Replacement and Backgrounds (sea) | | 11 |
| html, css, image-replacement, techniques |
| Super Simple Two Column Layout (chr/css) | | 10 |
| layout, css |
| CSS Generators | | 9 |
| tools, exploration, code-generation, css, borders, shadows, gradients, transitions, transforms, flexbox, layout |
| CSS Clip Path Generator | | 8 |
| tools, exploration, code-generation, css, images, clipping |
| Background Pattern Generator (Patternify) (sac) | | 7 |
| tools, exploration, images |
| Background Pattern Generator (fffuel) | | 6 |
| tools, exploration, images |
| Background Pattern Generator (DOODAD) | | 5 |
| tools, exploration, images |
| Background Image Generator | | 4 |
| tools, exploration, images |
| Image Background Remover (remove.bg) | | 3 |
| tools, exploration, images |
| Image Background Remover (PhotoRoom) | | 2 |
| tools, exploration, images |
| CSS Animated Gradient Generator | | 1 |
| tools, exploration, code-generation, css, animations, gradients |
