Gradient Shadows
CSS gradient shadows generator
Gradient Shadows launched on June 9, 2022 with 81 votes, #435 of 3,005 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 4 years on.
What it does
Did you know you can use gradients for your shadows? This generator makes it easy for you. In a few seconds, you'll be able to test and generate the CSS code for your gradient shadows. Creating modern and beautiful websites is now even easier!
Generate gradients for your shadows with pure CSS. This generator makes it easy for you.
To use the CSS gradient shadow you'll be using a pseudo element. Also a parent with relative position and background color. See the Pen Untitled by Álvaro ( @alvarotrigo ) on CodePen . The CSS Shadows Gradient Generator was a tool that I was missing. One day I thought it'd be nice to add some beautiful gradients in a shadow for a web design I was working in. I then searched for a CSS generator to find the fastest way to do it, and I got shocked to find out there was no tool to generate these CSS gradients for my shadow. I then found a simple way to get gradient shadows by using the linear-gradient function for the CSS background property. Now, it was time to make the world a better place…from alvarotrigo.com
Does a similar job
all alternatives →
CSS Color Gradient Generator2020 · mybrandnewlogo.com · ▲208A novel and easy way to design beautiful color gradients.
Web Gradients2017 · webgradients.com · ▲906Curated collection of 180 free fresh background gradients 🚀
CSS Box Shadows Generator2023 · boxshadows.xyz · ▲112Create, edit and generate multiple custom CSS box shadows
Advanced Box Shadow CSS Generator2023 · advanced-box-shadow-css-generator.vercel.app · ▲67Create cool and realistic effects with multiple shadows
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 27d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 25d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 22d ago · openbot.run
Talanoa▲341Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 20d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 27d ago · corespeed.io
Source: Product Hunt launch ↗
Launched alongside, June 2022
the whole month →- AF
I've seen some interests in (simulation) video games here on HN so I thought I'd share a short version of our story. More than 6 years ago, me and my friend from university were playing around with an idea of making a game we always wanted to play. We worked on it on weekends but the progress was quite slow, especially due to so many dead ends and wasted effort. Eventually however, we solidified our direction and decided to take the risk to resign from our well paid SWE jobs and work on it full time. It took more than a year but yesterday we have finally released it on Steam:…
Life & fun · 2022
Life & fun · 2022 · benoitessiambre.com
min(DALL·E) is a fast, minimal port of DALL·E Mini to PyTorch - kuprel/min-dalle
Life & fun · 2022 · github.com
MakerBox▲621600 tools with generous free plans for indie entrepreneurs
Dev tools · 2022 · makerbox.club
Typedream CMS▲593Display your Notion data beautifully on your site, no-code
Dev tools · 2022 · typedream.com