Dominika Wojewska• 110
@WitchDevelops
Posted
- RE shadowed edge:
You can do it using either:
filter: drop-shadow([horizontal-offset] [vertical-offset] [blur] [color]);
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadowbox-shadow: [horizontal-offset] [vertical-offset] [blur] [spread] [color])
https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow box shadow let's you combine several box shadow effects. Other than that it seems they work similarly.
- Your HTML markup looks good to me, clear and readible enough
- nah... it's all good! but you can refactor it a bit, for instance you're using the same padding in several classes, you can thing of adding a utility class for that
well done!
Marked as helpful
1
Theo-Larsimont• 10
@Theo-Larsimont
Posted
Thanks for the advice @WitchDevelops !
1
Dominika Wojewska• 110
@WitchDevelops
Posted
@Theo-Larsimont You're welcome!
and it happened that just today I found this awesome tool for setting multiple box shadows: https://boxshadows.xyz/
Marked as helpful
1
Theo-Larsimont• 10
@Theo-Larsimont
Posted
@WitchDevelops oh nice! it's very interesting it's a tool very useful Thank's
0