Interactive rating component using Flexbox

Community feedback

• 

  Théo•120

  @Atim360Posted over 2 years ago

  Hmm, I don't quite understand what you're talking about and I'm not sure however If you want to increase the blur's size I think that you can try to increase the spread radius value (the fourth param of box-shadow). Roughly it increases the size of the shadow.

  box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1);
  

  Be carefully to not use spread-radius too high values. I'm thinking of values between 1 and 20.

  Marked as helpful

  1

  ---

  

  Terka Codes•40

  @terka-codesPosted over 2 years ago

  @Atim360 Thank you so much! It seems like you understood pretty well what I was asking. I completely forgot about the fourth value. I haven't used it in a while and was able to google it yesterday. So thank you once again. I will try to remember it this time! 🙂

  0
• 

  Juanma Romero•110

  @juanma-romeroPosted over 2 years ago

  nice work Terka! This article from Mozilla helped me understand shadows in CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow .Firsts two values are for positioning shadow, the third for blur, and the fourth for spread

  1

  ---

  

  Terka Codes•40

  @terka-codesPosted over 2 years ago

  @juanma-romero Thank you so much! The article is super helpful! I hope I will remember from now on that there can be four values. 😀 Thank you once again.

  0