Difference between revisions of "Team:Tuebingen/galleryFinal"

Line 662: Line 662:
 
cursor: url(close-button.png), grab; /* custom cursor to signal close on click */
 
cursor: url(close-button.png), grab; /* custom cursor to signal close on click */
 
}
 
}
 +
@media only screen and (min-width: 767.98px) {
 +
    .gallery div:not(.show):hover img {
 +
        cursor: pointer;
 +
        transform: scale(1.3);
 +
    }
  
.gallery div:not(.show):hover img {
 
cursor: pointer;
 
transform: scale(1.3);
 
}
 
  
 +
    .horizontal {
 +
        grid-column: span 2;
 +
    }
  
.horizontal {
+
    .vertical {
grid-column: span 2;
+
        grid-row: span 2;
}
+
    }
  
.vertical {
+
    .big {
grid-row: span 2;
+
        grid-column: span 2;
}
+
        grid-row: span 2;
 +
    }
  
.big {
+
    .gallery .active div:not(.show) img {
grid-column: span 2;
+
        filter: blur(3px);
grid-row: span 2;
+
    }
}
+
 
+
.gallery .active div:not(.show) img {
+
filter: blur(3px);
+
 
}
 
}
  
Line 693: Line 694:
  
 
</style>
 
</style>
 +
  
 
<body style="">
 
<body style="">

Revision as of 18:28, 3 October 2019

Gallery Gallery

hallo123

hallo123

hallo123