So. I just started to learn all this and did not give dz. I can't understand how to do this. In general, I need to post this photo. how to do it right, I do not know. Tried through nth-child (), but it's not that. I tried to expose each picture separately, but I understand that this is crazy nonsense. I also want to understand how to make it a black area (Lorem ipsum), which leaves when you hover over the picture. I would like to see the answers to these two questions. Thank you for your attention and thanks in advance for your reply. Photo attached. 
Folked Greg Folked Greg
13 2 bronze marks
|
1 answer
[data-tooltip] { width:200px; height:200px; background:#eee; } [data-tooltip]:before { content: attr(data-tooltip); display:block; max-height:0; overflow:hidden; transition:10s max-height; background:rgba(0,0,0,0.1); } [data-tooltip]:hover:before { max-height:100rem; } <div data-tooltip="lorem ipsum dolor sit amet consectetur adipiscing elit sed"> </div> 
ishidex2 ishidex2
6.257 2 gold marks 12 silver marks 40 bronze marks
- Thank you very much, very helpful - Folked Greg
- If I helped you mark the answer as correct (check mark on the left) - ishidex2
- Sorry, on the service for the first time. Put - Folked Greg
|