Add gaussian blurs behind photos #34

Merged
Aaron merged 7 commits from image-blur into master 2023-11-11 12:05:01 +01:00
Showing only changes of commit c8bf43b7f9 - Show all commits

View File

@ -400,11 +400,15 @@ footer a {
#photo-figure { #photo-figure {
position: relative; position: relative;
object-fit: contain; object-fit: contain;
height: 97vh;
object-position: center center;
}
#photo-figure img {
object-position: center center;
} }
#photo-figure img.normal-photo { #photo-figure img.normal-photo {
border: none; border: none;
cursor: -moz-zoom-in; cursor: -moz-zoom-in;
display: inline-block;
object-fit: contain; object-fit: contain;
z-index: 20; z-index: 20;
position: absolute; position: absolute;
@ -440,7 +444,7 @@ figure.landscape-figure img.blur-photo {
figure.panorama-figure img.normal-photo, figure.panorama-figure img.normal-photo,
figure.panorama-figure img.blur-photo { figure.panorama-figure img.blur-photo {
width: 100%; width: 100%;
height: auto; height: 100%;
} }
#previous_photo, #next_photo { #previous_photo, #next_photo {