Learn how to play with different drop shadow colors, opacity and strength depending on the design and style. 🚀 Watch the whole livestream on Design+Code's website ➡ designcode.io/...
Пікірлер: 26
@rummanakhtar44102 жыл бұрын
One of the best videos I've seen regarding Drop Shadows. It might be a small thing but the level of importance it holds is enormous. And, you clearly addressed that perfectly here.
@DesignCodeTeam2 жыл бұрын
Wow, thank you!
@njengathegeek2 жыл бұрын
I have learnt a lot from this guy, and am happy to see the channel grow as it will definitely help more people
@pishop.ot7692 Жыл бұрын
Wow. so many insights in this short video. You definitely answered questions I had about drop shadow. Thank you!
@monkeybrainspit Жыл бұрын
Love the breakdown. Awesome video, bro.
@Callemos72 жыл бұрын
Great tips, thank you!
@MarcelQT11 ай бұрын
Great video! I've been trying to improve my design skills so this is super handy :)
@minhucchu78342 жыл бұрын
straight to the point.
@santhiyakrishnan95464 ай бұрын
Thank you
@filipecardoso4058 Жыл бұрын
Thanks for the tips and great content! I'm just having trouble understanding how this would work on a system. For once, if shadows are that flexible as part of a DS, you can end up with very inconsistent design language across a product with multi-app business logic for example. Secondly, even if you apply a semantic rule within the shadow's tokens, you'd still have a hard time "controlling" its systematic approach, if we're talking about scalable solutions for a bigger platform. I'd just like to understand how would you fix those issues moving forward with this approach.
@TH-vz9rx2 жыл бұрын
This was super helpful! Thank you :)
@davediaz252 жыл бұрын
Thanks man!
@DesignCodeTeam2 жыл бұрын
Happy to help!
@unleashthedog4 ай бұрын
"Contextual shadow" I would just refer to this as "raytracing" or "pbr", just like in video games... as it's the actual physical behaviour of light interacting with coloured objects
@spongmybob3 ай бұрын
You're the BEEEEST
@hutsko2 жыл бұрын
thank you
@arafat.uiandux10 ай бұрын
Hi! Please help me. How can I create shadow effect like the login button here in the video. Please answer if you know. Thanks.
@developerofcodellc2 жыл бұрын
How can I get the drop shadow on last one to show up when exporting the button from Figma to a website?
@entrinsek92302 жыл бұрын
Great revien ! I want to ask how to general this colored dropshadow for multiple posts ? I mean can i automate color drop shadow to multiple pictures without doing manually evrytime ? Is there a plugin or component or something like that ?
@0xVantwoutMaarten2 жыл бұрын
Hii Awesome video, but I the overlay shadows look good, but how do you implement "overlay" in CSS. The box-shadow property does not have this? Does it have to do with the RGBa value and setting the opacity?
@stackathy Жыл бұрын
HI! Is there a way to add a drop shadow on the upper x axis?
@enfisya2 жыл бұрын
Thanks so much for the tips! Do you have any tips when exporting a Group (icon / button) with the shadows - into SVG? I'm having some problems with the shadow not exporting in SVG :(
@DesignCodeTeam2 жыл бұрын
Drop shadows don’t typically work well with vector graphics like SVG. Same with blending modes and blur. They can be produced in CSS afterwards.
@enfisya2 жыл бұрын
@@DesignCodeTeam Got it. Thank you so much for your help!