body {background-color: green;} |
|
.maschine {width: 400px;} |
+.comment {visibility: hidden;} |
+/* |
+ |
+Testing CSS-3 Galerie, [Nartum Nr.9] |
+Bilder, Originalmaße: 1.280px × 960px |
+*/ |
+ |
+#galerie { |
+ /* float: right; |
+ */ display: table; |
+ border-spacing: 6px; |
+ } |
+ |
+ #galerie a { |
+ display: table-cell; |
+ vertical-align: top; /* middle; bottom; */ |
+ } |
+ #galerie img { |
+ height: 80px; /* Vorschau-Größe */ |
+ transition: 1s; |
+ -moz-transition: 1s; |
+ -o-transition: 1s; |
+ -webkit-transition: 1s; |
+ } |
+ |
+ #galerie img:target { |
+ position: absolute; |
+ Bottom: 10px; |
+ right: 100px; |
+ width: 400px; /* Vollbild-Größe */ |
+ height: auto; / hier 960px; |
+ } |
+ |
+ #galerie img { |
+ background-color: #ffffff; |
+ padding: 4px; |
+ border-radius: 4px; |
+ -moz-border-radius: 4px; |
+ -webkit-border-radius: 4px; |
+ box-shadow: 0 0 6px rgba(100, 100, 100, 1); |
+ -moz-box-shadow: 0 0 6px rgba(100, 100, 100, 1); |
+ -webkit-box-shadow: 0 0 6px rgba(100, 100, 100, 1); |
+ } |