Aricle Preview Component Using CSS & JS

Community feedback

• 

  Marzia Jalili•7,250

  @MarziaJalili

  Posted 27 days ago

  Mashallah! 🎉

  🌟 Here you go with the tip!

  ✅ First, there's a shorthand property for setting all the corners of an element at once.

  • Here's how it can be implemented:

  /* Basic syntax */
  border-radius: [top-left] [top-right] [bottom-right] [bottom-left];
  
  /* Even shorter */
  border-radius: [horizontal radii] / [vertical radii];
  

  • In this case, for example:

  .share-message {
    border-radius: 0 0 var(--gap-sml) var(--gap-sml);
  }
  

  Keep being awesome!

  😎😎😎

  10