Fit Height to Background Pattern Size With “calc-size()” (sha )Oct 15, 2026 73 css , images , functions Background Image Refraction in CSS (pre /fro )Aug 28, 2026 72 css , images , effects 4 Tiny Mistakes That Secretly Destroy App Performance May 14, 2026 71 performance , web-apps , mistakes , cors , code-splitting , dependencies , images Repeating Square Dots Backgrounds in CSS (chr /fro )May 12, 2026 70 css , gradients , effects Background Patterns With CSS “corner-radius” (pre /fro )Feb 9, 2026 69 css , effects , examples CSS Backgrounds Module Level 4 (fan +/w3c )Nov 25, 2025 68 standards , css Background Image Opacity in CSS (jim )Apr 8, 2025 67 css , images , transparency+opacity Minimal CSS-Only Blurry Image Placeholders (kal )Mar 30, 2025 66 images , placeholders , css , techniques A Deep Dive Into the Inline Background Overlap Problem (ana /fro )Mar 18, 2025 65 deep-dives , css , svg , filters Make Creative Borders With “background-clip: border-area” (web )Nov 20, 2024 64 css , borders , safari , browsers How to Use the CSS “backdrop-filter” Property (log )Oct 4, 2024 63 how-tos , css , filters , effects Building a Dynamic Background Effect Sep 26, 2024 62 react , css , animations , effects Backgrounds for the Box Model (and Why It Can Be Useful) (chr /fro )Sep 2, 2024 61 css , box-model Alternatives to Using Pure Black (“#000000”) for Text and Backgrounds (ser )Aug 15, 2024 60 design , colors , accessibility Video With Alpha Transparency on the Web (jaf )Aug 5, 2024 59 multimedia , transparency+opacity How to Create Rounded Gradient Borders With Any Background in CSS (ben )Feb 5, 2024 58 how-tos , css , borders , gradients The Best CSS Background Patterns for Your Next Project Nov 16, 2023 57 css How to Use CSS “background-size” and “background-position” Jun 28, 2023 56 how-tos , css I Created 100+ Unique CSS Patterns (css )May 23, 2023 55 css , effects Checkered Background Using Two Lines of Code in CSS (ami +)Mar 30, 2023 54 css Moving Backgrounds (css )Feb 9, 2023 53 css A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (arg )Feb 7, 2023 52 css , colors , contrast , strategies Optimal Images in HTML (ste /bui )Jan 26, 2023 51 html , images , performance , optimization Highly Customizable Background Gradients (spa /clo )Oct 18, 2022 50 css , gradients CSS Gradient Background From Figma to CodePen Jul 17, 2022 49 css , gradients , figma , codepen Cool Hover Effects That Use Background Properties (css /css )Apr 27, 2022 48 css , hover , effects A Deep Dive Into “object-fit” and “background-size” in CSS (sha /sma )Oct 25, 2021 47 css , deep-dives Scroll-Bounce Page Background Colour (tem )Jan 24, 2021 46 colors , scrolling , css On Fixed Elements and Backgrounds (hui )May 25, 2020 45 css , positioning , scrolling , performance Optimize CSS Background Images With Media Queries Mar 5, 2020 44 css , images , media-queries , optimization Stacked “Borders” (mey /css )Mar 19, 2019 43 css , borders , shadows , gradients , images Apply a Filter to a Background Image (chr /css )Oct 2, 2018 42 images , filters , css More Unicode Patterns (css )Jun 14, 2018 41 unicode CSS Basics: Using Multiple Backgrounds (chr /css )Feb 14, 2018 40 fundamentals , css The Movement Towards Motion in Website Backgrounds Oct 21, 2016 39 animations , design Working With Images in Stylesheets With PostCSS (css )Apr 28, 2016 38 css , images , postcss , examples The 10 Big Web Design Trends of 2015 Dec 1, 2015 37 design , layout , trends , minimalism , scrolling , flat-design , animations , colors , typography Background Image Shapes (css )Oct 30, 2015 36 images , shapes , css , transforms , clipping , svg Reverse Text Color Based on Background Color Automatically in CSS (fon /css )Oct 19, 2015 35 css , colors , animations , effects Creating a CSS Sliding Background Effect (geo /css )Oct 9, 2015 34 css , transforms , effects 12 Little-Known CSS Facts (lou )Apr 16, 2014 33 css , colors , borders , tables Basics of CSS Blend Modes (chr /css )Feb 28, 2014 32 fundamentals , css , blend-modes , examples CSS Trick: Setting [the] Background Color of a Selected HTML “option” Element Jan 23, 2014 31 css , tips-and-tricks , forms Simple Responsive Images With CSS Background Images (sma )Jul 22, 2013 30 responsive-design , images , css , html 5 Extremely Useful but Rarely-Used CSS3 Properties Mar 21, 2013 29 css , transitions , colors , shadows The Facebook Loading Animation in CSS (css )Nov 6, 2012 28 css , animations , facebook+meta How to Resize Background Images With CSS3 (cra )Jun 5, 2012 27 how-tos , resizing , css The Art of the Web Background Mar 30, 2010 26 design , examples , link-lists CSS Gradients (chr /css )Mar 2, 2010 25 css , gradients , examples Background Desires (chr /css )Jan 15, 2010 24 css CSS3: To Infinity and Beyond! (mis )Sep 30, 2009 23 css , gradients , filters Perfect Full Page Background Image (chr /css )Aug 21, 2009 22 images , css , filters , jquery , techniques Don’t Rely on Background Colors Printing (chr /css )May 12, 2009 21 colors , borders , css , print Auto-Moving Parallax Background (chr /css )Apr 6, 2009 20 parallax , effects , html , css , javascript Firefox Support for CSS3 Multiple Backgrounds (dal /aja )Mar 24, 2009 19 css , support , firefox , browsers SVG Paint Servers for HTML Jul 8, 2008 18 html , svg , css , images Image Replacement and Backgrounds (sea )Jun 17, 2008 17 html , css , image-replacement , techniques Super Simple Two Column Layout (chr /css )Dec 18, 2007 16 layout , css Liquid Faux Columns With “background-size” (pet )Sep 18, 2007 15 css , layout , techniques How I Use CSS “background-color” for Layout Corrections Apr 8, 2007 14 css , layout , techniques Naughty or Nice? CSS Background Images (der /24w )Dec 20, 2005 13 css , images Faux Columns (sim /ali )Jan 9, 2004 12 css , layout , floats , techniques Minimizing Flickering CSS Background Images in IE6 Jan 7, 2004 11 css , images , internet-explorer , browsers CSS Backgrounds and Transparency (zel )Mar 14, 2003 10 css , transparency+opacity Using “background-image” to Replace Text (sto )Mar 7, 2003 9 css , image-replacement , techniques CSS Animated Gradient Generator (joh )8 tools , exploration , code-generation , css , animations , gradients Image Background Remover (PhotoRoom) 7 tools , exploration , images Image Background Remover (remove.bg) 6 tools , exploration , images Background Image Generator 5 tools , exploration , images Background Pattern Generator (DOODAD) 4 tools , exploration , images CSS Clip Path Generator 3 tools , exploration , code-generation , css , images , clipping CSS Generators 2 tools , exploration , code-generation , css , borders , shadows , gradients , transitions , transforms , flexbox , layout Background Pattern Generator (Neatbo) 1 tools , exploration , images , code-generation , svg , css