Benutzer: Jonar/common.css: Unterschied zwischen den Versionen
Aus Smart Places Network
Jonar (Diskussion | Beiträge) |
Jonar (Diskussion | Beiträge) |
||
| Zeile 10: | Zeile 10: | ||
display: grid; | display: grid; | ||
place-items: center center; | place-items: center center; | ||
| + | } | ||
| + | |||
| + | .image { | ||
| + | position: relative; | ||
} | } | ||
.image:hover::after { | .image:hover::after { | ||
| − | + | content: attr(title); | |
| − | + | position: absolute; | |
| − | + | left: 0; | |
| − | + | top: 24px; | |
| − | + | min-width: 200px; | |
| − | + | border: 1px #aaaaaa solid; | |
| − | + | border-radius: 10px; | |
| − | + | background-color: #ffffcc; | |
| − | + | padding: 12px; | |
| − | + | color: #000000; | |
| − | + | font-size: 14px; | |
| − | + | z-index: 1; | |
| − | |||
} | } | ||
Version vom 8. Februar 2019, 20:19 Uhr
#product-gallery > * {
border: 1px solid #c8ccd1;
background-color: #f8f9fa;
width: 155px;
height: 155px;
margin: 5px;
padding: 14px;
box-sizing: border-box;
text-align: center;
display: grid;
place-items: center center;
}
.image {
position: relative;
}
.image:hover::after {
content: attr(title);
position: absolute;
left: 0;
top: 24px;
min-width: 200px;
border: 1px #aaaaaa solid;
border-radius: 10px;
background-color: #ffffcc;
padding: 12px;
color: #000000;
font-size: 14px;
z-index: 1;
}