Please tell me how to make these cards the image here is the link https://pets.mail.ru/?

Will you thanks to kinite if a video or name, it can't find that link https://pets.mail.ru/
March 12th 20 at 08:10
1 answer
March 12th 20 at 08:12
The most difficult thing there is:
.photo__labels {
 position: absolute;
 top: 0;
 left: 10px;
 z-index: 1;
 zoom: 1;
}

.photo__captions::before {
 content: ";
 position: absolute;
 left: 0;
 top: -15px;
 height: 15px;
 width: 100%;
 background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .3)));
 background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 100%);
}

.photo__captions {
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 0 15px 15px;
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .8)));
background: linear-gradient(rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .8) 100%);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}

The rest of the mesh, taken through the table.
the pancreas can throw a table? - Addison_Lang commented on March 12th 20 at 08:15
@Addison_Lang, well, in the source code for the link: open the console and copy. - flossie_Aufderh commented on March 12th 20 at 08:18

Find more questions by tags HTMLCSS