Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“shadows” News Archive

Definition, related topics, and tag feed

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

Entry (Sources) and Additional TopicsDate#
Inset Shadows Directly on “img” Elements (ana/fro)33
images, svg, css
Expanding CSS Shadow Effects (pre/fro)32
css, effects
Layered Text Headers (chr/fro)31
typography, css, svg
Gradient Text With a Drop Shadow (fro)30
css, gradients
So You Think You Know Box Shadows?29
javascript
A Few Interesting Ways to Use CSS Shadows for More Than Depth (pre/sma)28
css, effects
Scroll Shadows With “animation-timeline” (dav)27
scrolling, css
The Trick to Smoothly Animating Shadows in CSS (kev)26
videos, css, animations
Sticky Page Header Shadow on Scroll (hex)25
css, scrolling
Different Ways to Get CSS Gradient Shadows (css/css)24
css, gradients
How to Animate CSS Box Shadows and Optimize Performance23
how-tos, css, animations, performance
Designing Beautiful Shadows in CSS (jos)22
css
Adding Shadows to SVG Icons With CSS and SVG Filters (css)21
css, svg, images, icons, filters, effects
Stacked “Borders” (mey/css)20
css, borders, backgrounds, gradients, images
Animating Border (css)19
css, borders, animations, transitions, gradients
How to Add a Drop Shadow With a CSS Filter18
how-tos, css, filters
How to Use Shadows and Blur Effects in Modern UI Design (sma)17
how-tos, design, effects
Styling Underlines on the Web (joh/css)16
css, borders
5 Extremely Useful but Rarely-Used CSS3 Properties15
css, backgrounds, transitions, colors
5 CSS Properties That Give Designers Fits14
css, design, floats, gradients, borders, navigation
Mastering CSS3 Text Shadows13
css
Mastering Box Shadows12
css
How to Simulate CSS3 “box-shadow” in IE6–8 Without JavaScript (zol)11
how-tos, css, internet-explorer, microsoft, browsers
CSS3 “text-shadow”—Can It Be Done in IE Without JavaScript? (zol)10
css, internet-explorer, microsoft, browsers
A CSS3 Tip (dav)9
css, tips-and-tricks
You Can Use CSS3 Right Now (sma)8
css, colors
Create a Better, More Realistic Drop Shadow in Photoshop7
adobe, photoshop
Don’t Use Black for Shadows (chr/css)6
css, colors
CSS Drop Shadows (kar/w3c)5
css, discussions
CSS Drop Shadows (ali)4
css, images, effects
CSS Shadow Generator (Josh W. Comeau) (jos)3
tools, exploration, code-generation, css, effects
CSS Shadow Generator (CSS Bud)2
tools, exploration, code-generation, css, effects
CSS Generators1
tools, exploration, code-generation, css, backgrounds, borders, gradients, transitions, transforms, flexbox, layout