TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

So you think you know box shadows?

774 pointsby yohannesk10 months ago

26 comments

sunnyps10 months ago
&gt; However, using a transparent color significantly slowed down the number that can be drawn too which doesn&#x27;t make as much sense to me. I&#x27;d imagine that with hardware today transparency should be somewhat free.<p>That&#x27;s because transparency limits how you can batch draws on the GPU. With opaque draws, you can use the depth buffer and draw in any order you like e.g. maximizing batching. With transparency, you need to draw things in the right order for blending to work (painters order).
评论 #41029597 未加载
评论 #41027823 未加载
评论 #41026630 未加载
评论 #41027676 未加载
评论 #41031779 未加载
评论 #41026567 未加载
paulirish10 months ago
Seriously fun exploration.<p>&gt; Layering. That is an important word.<p>Layering is also the key to the (silly but also sometimes good-looking) effects from my text shadow project from 14yrs ago: <a href="https:&#x2F;&#x2F;paulirish.github.io&#x2F;mothereffingtextshadow&#x2F;" rel="nofollow">https:&#x2F;&#x2F;paulirish.github.io&#x2F;mothereffingtextshadow&#x2F;</a>
评论 #41029337 未加载
评论 #41026964 未加载
ctippett10 months ago
I&#x27;m embarrassed to admit it took until the final paragraph before realising that &#x27;gypity&#x27; is a reference to Chat GPT.
评论 #41026691 未加载
评论 #41028699 未加载
评论 #41028724 未加载
评论 #41035565 未加载
评论 #41031166 未加载
评论 #41027042 未加载
recursive10 months ago
I&#x27;m totally down for some good old fashioned impractical hacking. But just remember, we already have canvas, which can do all this easier, faster, and better.
评论 #41026849 未加载
评论 #41026932 未加载
评论 #41029763 未加载
评论 #41032691 未加载
tracker110 months ago
Looking at the music visualizations was definitely cool. Really miss the old winamp days when you could play music and just run the visualizer full screen. I wish that streaming audio players did this today.
评论 #41036562 未加载
butz10 months ago
But at the end of the day Firefox and Chrome are still rendering 1px box-shadow differently at 150% browser zoom. Best hopes for Baseline 2025.
yesimahuman10 months ago
&gt; It also turns out that some smart people figured out maths hacks to draw rounded boxes for super cheap which UI peeps love because with this hack boxes can be so round as to appear as circles<p>Any references to learn more about these hacks?
评论 #41026767 未加载
评论 #41026633 未加载
fitsumbelay10 months ago
My kind of hackin&#x27; Almost like an antichrist to the Josh Comeau posts I&#x27;ve read on the topic <a href="https:&#x2F;&#x2F;www.google.com&#x2F;search?q=josh+comeau+shadows" rel="nofollow">https:&#x2F;&#x2F;www.google.com&#x2F;search?q=josh+comeau+shadows</a>
efilife10 months ago
A great, possibly the greatest article I read this year ended with &quot;your welcome&quot; instead of &quot;you&#x27;re&quot;. Fix asap! Or maybe I didn&#x27;t get the joke, that&#x27;s a possibility
评论 #41030584 未加载
kristopolous10 months ago
For the past 30 years I got good at programming but never really did graphics because I didn&#x27;t like games. I now view it as a massive oversight and have been trying to catch up for over a year.<p>So hard.
评论 #41029701 未加载
coding12310 months ago
As usual, when will we get Quake or Doom ray-trace rendered using box shadow?
adrianpluis10 months ago
Well done with writing your experience.
SuaveSteve10 months ago
&gt;So you think you know ((CSS FEATURE))?<p>Why would I know it? It&#x27;s CSS!
anymouse12345610 months ago
I love this kind of content. It reminds me of the early aughts when folks were doing a lot more of this stuff for fun.
ulf-7772310 months ago
Really great work, especially the music synced animation - could as well also be projected in an electro club
winrid10 months ago
This discussion around adding shadows to window boarders in imgui is also interesting: <a href="https:&#x2F;&#x2F;github.com&#x2F;ocornut&#x2F;imgui&#x2F;issues&#x2F;1329">https:&#x2F;&#x2F;github.com&#x2F;ocornut&#x2F;imgui&#x2F;issues&#x2F;1329</a>
develatio10 months ago
dgerrells, please add RSS support to your blog!
评论 #41028532 未加载
akira250110 months ago
Instead of animating the color balls to music, it&#x27;d be nice if my manipulations of the color balls _created_ music.
cchance10 months ago
He said it might melt your processor... but on a macbook m3 in arc runs great, like every one of those was amazing.
评论 #41026958 未加载
评论 #41026151 未加载
评论 #41026009 未加载
评论 #41025887 未加载
评论 #41026204 未加载
评论 #41026228 未加载
评论 #41026109 未加载
评论 #41027591 未加载
评论 #41026498 未加载
评论 #41026732 未加载
merceranthony7810 months ago
Amazing. Is it possible to tell how much lag these would cause if used on a production website?
评论 #41030787 未加载
theturtle3210 months ago
THIS IS ABSOLUTELY EPIC, AND MY FAVORITE KIND OF WEB TECH DEEP DIVE! &lt;3 &lt;3 &lt;3
nimish10 months ago
Full color RGB flip dot display!
mediumsmart10 months ago
I know not to use them without much thinking involved.
pfannkuchen10 months ago
Solid watch for rolling rocks energy.
ThatUnknownDude10 months ago
Ok this is really cool
tompetry10 months ago
This was awesome