Css square image

/* THE HTML  */
<div class="thumb1"> </div>
/* THE CSS */
.thumb1 { 
  background: url(blah.jpg) 50% 50% no-repeat; /* 50% 50% centers image in div */
  width: 250px;
  height: 250px;
}

.thumb1:hover { 
/* HOVER STYLE HERE */
}

Similar codes

10 votes196 views5 answers
Css hr thickness
CSS
4 votes194 views3 answers
Soft box shadow css
CSS
0 vote179 views1 answer
Css 2 divs nebeneinander
CSS
17 votes183 views3 answers
How to set div background image
CSS
0 vote180 views3 answers
Image not rendering in tailwind css
CSS
0 vote177 views1 answer
Apt list only security updates
CSS
6 votes193 views3 answers
Css change background color of page
CSS
58 votes216 views6 answers
How to center a div vertically and horizontally
CSS
0 vote182 views1 answer
Css video poster object-fit
CSS
4 votes191 views2 answers
Can we use material ui and tailwind css together
CSS