#boxShadow
LightNews LightNews
manuelsanchezdev.com
For those who come after.

codepen.io/manuelsanche...

#cssonly #pixelart #boxshadow #clairobscur #expedition33
Expedition 33 - Pixel Art
...
codepen.io
July 9, 2025 at 8:49 PM
rydmike.com
Aww, what a cute little old #FlutterDev shadow issue from 2018 😃💙 github.com/flutter/flut...

Use Material-3 style AppBar, it no longer has a shadow by default under the AppBar, problem solved! Sorry worked around 😆😅
Scrolling content is shown above BoxShadow instead of below it · Issue #22954 · flutter/flutter
For some reason BoxShadow it is not being shown correctly when scrollable content need to pass below it. Don't know hoy to explain this so here it is a full example code to reproduce the behavior/b...
github.com
January 22, 2025 at 11:09 PM
oliviermaghe.bsky.social
🎯 CSS Battle Mercredi, 4 Mars 2026
CSS Battle in french :-)
youtu.be/YA1SJAeLQyY
#CSSBattle #WebDesign #CodingLife #CSS #Frontend #WebDev #CleanCode #ConicGradient #BoxShadow #CodeGolfing #WebDevelopment #DailyCoding
CSS BATTLE ASMR #
YouTube video by Olivier Maghe
youtu.be
March 4, 2026 at 7:22 AM
oliviermaghe.bsky.social
🎯 CSS Battle Vendredi, 6 Mars 2026
Parfois, la simplicité est l'arme absolue ! youtu.be/Ne6aTK7KQXg
#CSSBattle #WebDesign #CodingLife #CSS #Frontend #WebDev #CleanCode #BoxShadow #CSSBorders #CodeGolfing #WebDevelopment #Simplicity
🎯 CSS Battle Vendredi, 6 Mars 2026
YouTube video by Olivier Maghe
youtu.be
March 6, 2026 at 8:34 AM
anatudor.bsky.social
Came across reddit.com/r/css/commen... AI-generated tailwind... don't know whether to laugh or cry...

Here's a 0% AI, 0% tailwind, 100% human brain + hand-coded version I made in just a few min on @codepen.io codepen.io/thebabydino/...

Oh, and it's not in px, it's responsive.

#CSS #boxShadow
Screenshot of demo. Shows a round image with three smaller solid, sharp edge (no blur) circular shadows underneath, each with it's own discrete shadow.
July 23, 2024 at 9:34 PM
oliviermaghe.bsky.social
🎯 CSS Battle Samedi, 4 Avril 2026

Une combinaison entre le `body` et un `p` bien placé pour ce défi en direct de Belgique ! 🇧🇪
youtu.be/CcyXdHfkjU8
#CSSBattleChallenge #CSSBattle #CSS #codingLife #webdev #BoxShadow #LinearGradient #CSSLayers #CodeGolfing #cssinfrench
🎯 CSS Battle Samedi, 4 Avril 2026 - 🇧🇪
YouTube video by Olivier Maghe
youtu.be
April 4, 2026 at 9:48 AM
oliviermaghe.bsky.social
🎯 CSS Battle Lundi, 30 Mars 2026

Le défi du jour était encore assez simple en jouant avec `html`, `body` et `box-shadow`.
youtu.be/eM8P7aHMGxU
#CSSBattleChallenge #CSSBattle #CSS #codingLife #webdev #BoxShadow #CSSArt #CodeGolfing #WebDevelopment #DailyChallenge #cssinfrench
🎯 CSS Battle Lundi, 30 Mars 2026
YouTube video by Olivier Maghe
youtu.be
March 30, 2026 at 7:44 AM
oliviermaghe.bsky.social
🎯 CSS Battle Dimanche, 29 Mars 2026 - Costa Pacifica ! 🚢

En direct du pont 4 du Costa Pacifica ! 🚢
youtu.be/2G5Q97PiC_4
#CSSBattleChallenge #CSSBattle #CSS #codingLife #webdev #BoxShadow #CSSLayout #CodeGolfing #WebDevelopment #DailyChallenge #100Percent #cssinfrench
🎯 CSS Battle Dimanche, 29 Mars 2026 - Costa Pacifica ! 🚢
YouTube video by Olivier Maghe
youtu.be
March 29, 2026 at 3:45 PM
bonesyblue.bsky.social
Hot off the press: RN 0.76 has landed! 🛬🥳 I’m personally looking forward to trying out the new boxShadow & filter style props 🎨 reactnative.dev/blog/2024/10... #reactnative #release
React Native 0.76 - New Architecture by default, React Native DevTools, and more · React Native
Today we are excited to release React Native 0.76!
reactnative.dev
October 24, 2024 at 2:22 PM
kolaente.de
And can we talk about this thinking trace?
Thinking Trace of Kimi K2.7: I found the CSS Wordle targets list in a.js. I can extract the full list and then determine today's answer based on the local fallback algorithm. But the actual game likely gets the answer from the backend /api/css-wordle/daily endpoint. The local fallback is only used if backend is unavailable. However, the backend answer might differ from the local fallback! But wait - the screenshot shows "BOXSHADOW" as a guess. The user wants to know the answer. I should: 1. Extract the full target list from a.js. 2. Compute the local fallback target for the dateKey of the screenshot date (2026-06-27). 3. Ideally also check the backend API for the actual target. Let me first extract the full target list and compute the local fallback. Then I can compare it with the constraints from the screenshot. Actually, I realize the better approach is to make use of the actual game state. Since the screenshot shows a real game played on 2026-06-27, the answer is whatever the backend returned. To find the backend answer, I can call /api/css-wordle/daily with the appropriate dateKey (which is 2026-06-27 or whatever the game computed). L=()=>new Date(Date.now()+36e5).toISOString().slice(0,10) - this adds 1 hour (36e5 ms) to Date.now() and takes YYYY-MM-DD. For screenshot date 2026-06-27 around 12:56, Date.now()+1hour would still be 2026-06-27. So dateKey is "2026-06-27". Let me call the backend API.
June 27, 2026 at 11:24 AM
marklawlor.bsky.social
You should switch to using boxShadow in 0.76 The shadow* styles can be inconsistent and have many edge cases where they will not work.

boxShadow is more consistent across platforms and you can use the existing box shadow generators online

reactnative.dev/blog/2024/10...
React Native 0.76 - New Architecture by default, React Native DevTools, and more · React Native
Today we are excited to release React Native 0.76!
reactnative.dev
December 3, 2024 at 11:14 AM
seanmclements.com
What’s new in React Native 0.76

www.notjust.dev/blog/react-n...
React Native 0.76: The New architecture, React Native DevTools and more
What’s new in the new version of React Native 0.76: New Architecture now by default, New React Native DevTools for better debugging, 15x Faster Metro build and smaller Android app, New boxShadow & fil...
www.notjust.dev
November 11, 2024 at 1:29 PM
pablolarah.bsky.social
⚪️🟣 CSS box shadows generator
by Arbaoui Mehdi @arbaoui_mehdi @divize_io
Create, edit, and generate multiple custom CSS box shadows with ease.
#html #css #uidesign #productivity #CSSshadow #boxshadow

boxshadows.xyz
A black shiny ball on dark background with violet luminescence around as a solar crown. Representing box shadow property in CSS.
October 9, 2023 at 9:02 PM
hiz.blue
なるほど、Markdown コンポーネントってのがあるのかー

github.com/storybookjs/...
How to generate table in storybook .mdx files · storybookjs storybook · Discussion #22613
I have table added in the .md format like below | Prop | CSS Property | | ------------ | ------------ | | `boxShadow` | box-shadow | | `textShadow` | text-shadow | But storybook is not rendering th...
github.com
February 1, 2026 at 3:33 AM
hiz.blue
👀"How to generate table in storybook .mdx files · storybookjs/storybook · Discussion #22613": github.com/storybookjs/...
How to generate table in storybook .mdx files · storybookjs storybook · Discussion #22613
I have table added in the .md format like below | Prop | CSS Property | | ------------ | ------------ | | `boxShadow` | box-shadow | | `textShadow` | text-shadow | But storybook is not rendering th...
github.com
February 1, 2026 at 3:29 AM
pub.dev.web.brid.gy
v1.0.0 of styled_widget_lint
Custom lint rules to detect nested Flutter widgets and suggest styled_widget conversions (32/32 methods supported!) Changelog excerpt: ### 🎉 首个稳定版本 - 完整支持 styled_widget！ #### 核心功能 - ✅ **完整覆盖**：支持 styled_widget 官方 wiki 的 96.9% 功能（32/32 方法） - ✅ **8 大类别，32 种方法**： - 基础样式（6 个）：padding, opacity, alignment, width, height, constrained - 背景样式（8 个）：backgroundColor, backgroundImage, gradient 系列, backgroundBlur - 边框裁剪（5 个）：borderRadius, clipRRect, clipOval, border, decorated - 阴影层级（2 个）：elevation, boxShadow - Transform（4 个）：rotate, scale, translate, transform - 手势交互（2 个）：gestures, ripple - 滚动溢出（2 个）：scrollable, overflow [...]
pub.dev
January 3, 2026 at 2:14 PM
pub.dev.web.brid.gy
v1.0.0 of flutter_m3shapes_extended
A collection of Flutter widgets designed to easily implement Material 3's expressive shapes. Changelog excerpt: - Added `Shape.clampShell`with example in README.MD - Add `gradient`parameter to allow gradient fills - Add `border`parameter to allow border customization - Add `boxShadow`parameter to allow shadow customization - Add `margin`parameter to allow margin customization - Improved example app with gradient & clampShell examples and better layout - Rebrand to flutter_m3shapes_extended and add borders customization
pub.dev
December 5, 2025 at 10:40 AM
epsteinweb.bsky.social
EFTA01901018.jpg
#epsteinweb #efta01901018
https://epsteinweb.org
Available in the iOS app store now!
https://apps.apple.com/us/app/epstein-web/id6758880661
EFTA01900927 | EFTA01901018 tupNext ( POSITION: fixed; FILTER: progid:DXlmageTransform.Microsoft.Shadow(Color=tcccccc, direction=270, strength=7); PADDING-BOTTOM: 10px; BACKGROUND-COLOR: (aft; PADDING-LEFT: lOpx; WIDTH: 360px; BOTTOM: 0px; PADDING-RIGHT: 20px; BORDER-TOP: #000 2px solid; RIGHT: Opx; PADDING-TOP: lOpx; -moz-box-shadow: 0 4px lOpx #666; -webkit-boxshadow: 0 4px 10px *666; box-shadow: 0 4px 10px #666; _position: absolute; _top: 0 ) * HTML #upNextWrapper ( POSITION: absolute; OVERFLOW: hidden; RIGHT: Opx ) #upNext H6 TEXT-TRANSFORM: uppercase; FONT: bold lem arial, helvetica, sans-serif #upNext H6 SPAN ( COLOR: #888; FONT-WEIGHT: normal ) #upNext H3 MARGIN: 5px Opx ) #upNext BUTTON ( BORDER-BOTTOM: medium none; POSITION: absolute; BORDER-LEFT: medium none; PADDING-BOTTOM: Opx; TEXT-INDENT: -999em; PADDING-LEFT: Opx; WIDTH: 13px; PADDING-RIGHT: Opx; BACKGROUND: ur1(/images/article/comments/buttons/close_window.gif) ((fit no-repeat 0px Opx; HEIGHT: 13px; OVERFLOW: hidden; BORDER-TOP: medium none; TOP: 5px; CURSOR: pointer; RIGHT: 5px; BORDER-RIGHT: medium none; PADDING-TOP: 0px ) .blogPost #upNext Z-INDEX: 100; TEXT-ALIGN: left .blogPost #upNext H3 FONT-FAMILY: georgia, "times new roman", times, serif; FONT-SIZE: 1.5em ) .abstractView .heading I PADDING-BOTTOM: 5px; FONT-FAMILY: arial, helvetica, sans-serif ) .abstractView .abstractHeadline ( MARGIN: 5px Opx lOpx; COLOR: #333; FONT-SIZE: 2.4em; FONT-WEIGHT: normal; PADDING-TOP: 15px ) .abstractView .abstractSummary ( MARGIN: 15px 0px ) .abstractView .abstractSummary P.byline ( MARGIN-BOTTOM: 5px ) .abstractView .abstractSummary P.summaryText FONT-SIZE: 1.5em ) .abstractView .logInNote ( MARGIN-TOP: 3px; FONT-FAMILY: arial, helvetica, sans-serif; FONT-SIZE: 1.1em ) .abstractView .abstractAccessNotice ( EFTA_R1_00330230 EFTA01901018 Epstein Web iOS app on the App Store.
March 14, 2026 at 10:48 AM
epsteinweb.bsky.social
EFTA01900949.jpg
#epsteinweb #efta01900949
https://epsteinweb.org
Available in the iOS app store now!
https://apps.apple.com/us/app/epstein-web/id6758880661
EFTA01900927 | EFTA01900949 FILTER: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=1B0, Color='#999999'); WIDTH: 120px; TOP: 19px; LEFT: 2px; -moz-boxshadow: 1px 0 2px #999; -webkit-box-shadow: 1px 0 2px #999; box-shadow: 1px 0 2px #999 ) .editionDropDownModal .inset MARGIN: 6px 6px 5px ) .editionDropDownModal .dropDownModalMenu LI LINE-HEIGHT: 2 ) finemberTools #profileDropDownModal { ZOOM: 1; DISPLAY: inline-block ) .profileDropDownModal .dropDownModalLinkContainer I BORDER-BOTTOM: medium none; TEXT-ALIGN: center; BORDER-TOP-COLOR: #fff; PADDING-RIGHT: 4px; HEIGHT: 20px; BORDER-RIGHT-COLOR: #fff; FONT-SIZE: lem; BORDER-LEFT-COLOR: #fff; TOP: -16px; RIGHT: Opx .profileDropDownModalOpened .dropDownModalLinkContainer ( BORDER-BOTTOM-COLOR: #ccc; BORDER-TOP-COLOR: #ccc; PADDING-RIGHT: 5px; HEIGHT: 22px; BORDER-RIGHT-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; RIGHT: -lpx ) .profileDropDownModal .dropDownModalLink ( MARGIN: 4px Opx Opx 4px; TEXT-DECORATION: none ) .profileDropDownModalOpened .dropDownModalLink I BACKGROUND-IMAGE: url(iimages/toggles/toggle_up_icon_9x5.gif); COLOR: #000; TEXT-DECORATION: none ) .profileDropDownModal .dropDownModalBox ( FILTER: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color= 1 #9999991 ); WIDTH: 170px; TOP: 6px; RIGHT: -lpx; -moz-boxshadow: 1px 0 2px #999; -webkit-box-shadow: 1px 0 2px #999; box-shadow: 1px 0 2px #999 #profileDropDownModal .dropDownModalMenu .lastltem BORDER-BOTTOM: Opx; BORDER-LEFT: Opx; BORDER-TOP: Opx; BORDER-RIGHT: Opx ) .profileDropDownModal .inset I MARGIN: 6px 6px 5px #profileDropDownModal .dropDownModalMenu LI BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #ccc Opx solid; LINE-HEIGHT: 2.3; DISPLAY: list-item; FONT-SIZE: lem; OVERFLOW: hidden; BORDER-TOP: loco Opx solid; BORDER-RIGHT: #ccc Opx solid ) ItabsContainer POSITION: relative; BOTTOM: -lpx ) #mostEmailed I DISPLAY: block ) #mostBlogged I DISPLAY: none ) tmostSearched EFTA_R1_00330161 EFTA01900949
March 14, 2026 at 10:45 AM
pablolarah.bsky.social
🎱🟠🟡 So you think you know box shadows?
Box shadows. I love them.
by David Gerrells @toadsqueeh
#boxshadow #css #webdev #js #animation

dgerrells.com/blog/how-not...
Black text on yellow and a rhomboid orange at bottom: So you think you know box shadows? Box shadows. I love them.
July 25, 2024 at 10:36 PM
dailyzenntrends.bsky.social
今日のZennトレンド

Neumorphic designsを作ってみた。
この記事は、ニューモーフィズムというデザインスタイルについて紹介し、Flutterを使ったアプリ開発での実装方法を解説しています。
具体的な手順として、ウィジェットの色を背景色に合わせ、ContainefやSizedBoxでラップし、BoxShadowで影をつけることでニューモーフィズムデザインを作成する方法を示しています。
また、既存のパッケージを使用せず、独自の方法でデザインを実現している点が強調されています。
Neumorphic designsを作ってみた。
NeumorphicとはNeumorphism(ニューモーフィズム)とは、近年注目されているデザインスタイルです。ニューモフィズムは、「新しい」と「スケウモフィズム（物理的なオブジェクトのリアルな模倣）」の組み合わせから生まれた造語です。以下の記事とかみてもらえると理解が深かまるかなと思います。https://www.m-hand.co.jp/blog/design/10319/https://
zenn.dev
June 1, 2024 at 9:16 PM
silphiumdesign.bsky.social
Elevate your web design with shadows! ✨ This blog post, "Mastering CSS Box Shadow: Simulating Realistic Light and Shadow Effects," teaches you how to add depth & realism to your UI. #CSS #WebDesign #BoxShadow #UIEffects

🔗
Mastering CSS Box Shadow: Simulating Realistic Light and Shadow Effects - Silphium Design LLC
Have wondering how to master light and shadows effects with CSS? This post goes into the details of doing so.
silphiumdesign.com
July 4, 2025 at 1:32 PM