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: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:18 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: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; } }