Hover cards1  pge_id 80496


V1: card_99n
Description_99n_o
Description_99n

V2: card_99n
Title_99n_o
Description_99n




V3: card_99n
Title_99n_o
Description_99n

V4: card_99n
Description_99n_o
Description_99n






wpdatatable
HOVER IMAGE LAYER (HOVER) | info_00n_h
Hover Hover >ON .card_00n:hover .info_00n_h op%:1; transf
Hover image IMG .info_00n_h img op%:0; pos:abs; T;L; W;H; pad; rad;col; z:51;
Wrapper for hover image Box>IMG | Pre-hover >OFF .card_00n .info_00n_h op%:0; pos:abs; T0; W;H; pad; rad; col; transf; trans°:0.5s; z:10;
BACKG INFO OVERLAY (PRE-HOVER) | info_00n_o
Hover Hover >OFF .card_00n:hover .info_00n_o op%:0; transf;
Bkg info overlay Box>Overlay info .card_00n .info_00n_o op%:1; transf; | (op% 0.5 if darken to better show hover text)
REVEAL INFO LAYER (HOVER) | info_00n
Hover Hover >ON .card_00n:hover .info_00n op%1; transf; trans°:0.5s ease-in; col;
Background info Box>Reveal info | OFF/Shifted .card_00n .info_00n op%:0; pos:abs; T;B;var W; maxW; pad; col; transf/Y0px; trans°:0.5s; z:11;
CARD BACKGROUND (LAYER BEHAVIOUR) | card_00n
X/Y Shift on hover Hover .card_00n:hover transf;
Opacity pre? Hover:before ??? .card_00n:hover:before op%:1;
Overlay color on hover Card:before .card_00n:before op%:0; content:"; pos:abs; T;L; W;H; displ:block; rad; bkg:0.6; trans°:0.5s; z:2;
Background image IMG .card_00n img pos:abs; top0;L0; W;H; object-fit:cover; rad;
Background card Box > card .card_00n pos:rel; W;H; rad; box-sh; trans°:0.5s ease-out;
Wrapper Responsive wrapper .wrap_00n W;H;