Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“backgrounds” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: design (non-exhaustive) · “backgrounds” RSS feed (per email)

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