Responsive Preview Card Component

Community feedback

• 

  MordenWebDev•500

  @MordenWebDevPosted almost 3 years ago

  you can make them both to appear by using this

  .topimg:hover .mask, .topimg:hover .viewicon { opacity: 1; }

  and reduce the mask color opacity so the background image will be visible don't forget to adjust the height of mask;

  Marked as helpful

  0

  ---

  

  Helmer302•110

  @Helmer135Posted almost 3 years ago

  @MordenWebDev Thank you! It works perfectly well.

  For the height of the mask, I replace it with the overlay tag from Bootstrap. It's now exactly the size of the parent div.

  0