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

38 votes162 views2 answers
Remove list bullet css
CSS
0 vote171 views1 answer
Icon float right side input css
CSS
2 votes164 views1 answer
Select dropdown icon change
CSS
0 vote144 views1 answer
Css animation click
CSS
0 vote171 views1 answer
How to horizontally center header at the top of page with flexbox css
CSS
0 vote221 views1 answer
Make td match display flex
CSS
68 votes158 views1 answer
Css flexbox syntax
CSS
0 vote154 views1 answer
Css mask cut diagonal
CSS
1 vote156 views2 answers
Textarea scale to content
CSS
1 vote154 views1 answer
Css table grid
CSS