Interactive Card Details (Bootstrap v5.2, SCSS)

Community feedback

• 

  Antoine C•1,200

  @mattari97Posted about 2 years ago

  Hi Khánh, congratulations on completing this challenge.

  I give you a little snippet to apply a gradient only on the border of an element

  The first gradient should match the background of your component and the second is the gradient for the border but it is actually the background of the component clipping throught the transparent border.

  .border-gradient {
    background:
      linear-gradient(to top left,#fff,#ffd) padding-box
      linear-gradient(to top left,blue,red) border-box;
      
    border-color: transparent;
  }
  

  I hope it helps you.

  Have a good day/night. Peace ✌️

  Marked as helpful

  1

  ---

  

  Khánh•160

  @hnvkhanhPosted about 2 years ago

  @AntoineC-dev Thank you! 😊

  1