Home>

On the goods cards are delimited by delimited lines.

  1. How can I implement a divider line between the goods cards?

When you hover for a product card, an increase in the height of the card and its highlighting (surrounding it with a gray stripe is 1-3px height).

  1. How can I realize the highlighting of the product card?
  • Answer # 1

    1 line separator in this case

    Border-Top: 1px Solid # DFDFE1;
    

    2 to highlight the element used here Box-Shadow

    : Hover {
        z-index: 1;
        Box-shadow: 0 5px 25px RGB (30 31 33/12%);
        Border-Top-Color: Transparent;
    }
    

    And what is RGB (30 31 33/12%)?

    Мега Адыгея2021-09-11 12:51:29

    Color in RGB format, 12% is transparency

    Кирилл Панишев2021-09-11 12:56:54
  • Answer # 2

    1 line separator in this case

    Border-Top: 1px Solid # DFDFE1;
    

    2 to highlight the element used here Box-Shadow

    : Hover {
        z-index: 1;
        Box-shadow: 0 5px 25px RGB (30 31 33/12%);
        Border-Top-Color: Transparent;
    }
    

    And what is RGB (30 31 33/12%)?

    Мега Адыгея2021-09-11 12:51:29

    Color in RGB format, 12% is transparency

    Кирилл Панишев2021-09-11 12:56:54