body { -ms-overflow-style: scrollbar; overflow-y: scroll; overscroll-behavior-y: none; } .errorContainer { background-color: #FFF; color: #0F1419; max-width: 600px; margin: 0 auto; padding: 10%; font-family: Helvetica, sans-serif; font-size: 16px; } .errorButton { margin: 3em 0; } .errorButton a { background: #1DA1F2; border-radius: 2.5em; color: white; padding: 1em 2em; text-decoration: none; } .errorButton a:hover, .errorButton a:focus { background: rgb(26, 145, 218); } .errorFooter { color: #657786; font-size: 80%; line-height: 1.5; padding: 1em 0; } .errorFooter a, .errorFooter a:visited { color: #657786; text-decoration: none; padding-right: 1em; } .errorFooter a:hover, .errorFooter a:active { text-decoration: underline; } #placeholder, #react-root { display: none !important; } body { background-color: #FFF !important; }

JavaScript is not available.

We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our Help Center.

Terms of Service Privacy Policy Cookie Policy Imprint Ads info © 2023 Twitter, Inc.

Conversation

I couldn't find a CSS generator to create gradient shadows. So, I created one! 👇 alvarotrigo.com/shadow-gradien

48

345

1,972

I made a quick launch on ProductHunt to try luck :) I would appreciate your feedback there too!

producthunt.com

Gradient Shadows - Product Information, Latest Updates, and Reviews 2023 | Product Hunt

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...

12:14 PM · Jun 9, 2022

Replying to

Nice job, what tools/language do you use to create it?

1

1

Replying to

HTML, CSS and JavaScript. No frameworks. Nothing fancy.

Replying to

Very cool .. got my vote +1 on PH .. hope all is well ..

2