I had to do this:
CSS:
figure {
float: left;
margin: 0px;
background-color: #000;
padding: 0;
}
figure img:hover {
opacity: .35;
}
HTML:
but, the black shapes are still loaded first because, I presume, the #000 color isn’t specified as a hover attribute?
What am I missing?
I had to delete the width as it’s different for every image. I also changed the margin to 0 and didn’t include the:
figure img {
}
part as I can’t see what it would do…
Please tell me what I’m doing wrong?