SIMPLE_06n7Simple card, local CSS _06n7

V2a


V2b

SC for the crop/hover img:
sc name="card1" N="A3" W="30%" H="30%" mgnR="1.5%" img1="HYTTE.jpg" img2="LAKE.jpg" h1_Yshift="0%" h1_transit="1s" rad="0" b_="2px" b_st="dashed" b_col="dodgerblue" shadow="0px 0px 0px rgba(0,0,0,0)"

contain_02 · title_02 · body_02



Most up to date card shortcode.
Edit SC
The card1 shortcode detailed in column 1 makes it very easy to insert a hover/crop card image. The card height finally controlled by % thru padding-top in the card container.

.contain {width:x%; padding-top:y%}
column_master50
article·contain_06n7L article·card_06n7L
_06n7_h2     object-fit:contain
Card title from excerpts CSS
Content outside the card column_master50 section·wrap_06n7L (superfluous?) article·contain_06n7L article·card_06n7L _06n7_h2 : animation layer
article·contain_06n7L article·card_06n7L
This is content based on layer_06n7L_h6
_06n7_h1     object-fit:contain
Content outside the card column_master50 section·wrap_06n7L (superfluous?) article·contain_06n7L article·card_06n7L _06n7_h1 : animation layer