Drop your files here
Coming Soon
We'll need to know it's really you, so we've sent a verification code to
Your file(s) have been uploaded, you can use the link below.
Your file(s) have been uploaded, you can expect an email shortly.
#start
pseuy
div#cc-m-gallery-10606555721 img {
border-radius:5px;
width:50%;
height:auto !important;
}
Bild mit Text - Element
Bildunterschrift zentrieren
<style type="text/css">
.cc-imagewrapper figcaption {
text-align: center;
</style>
/*Galerien zentriert (mobile View)
--------------------------------------*/
@media (max-width:767px) {
.j-gallery {
max-width: calc((220px + 2px) *2);
margin: 0 auto;
/*2x 222px + 2x 20px*/
@media (max-width:484px) {
max-width: calc((220px + 2px) *1);
/*Galerie Rahmen
-----------------------------------------------*/
div#cc-m-gallery-10607030021 .thumb_sq3 img {
background: grey !important;
/*Galerie Image-Transformation OnHover
----------------------------------------------*/
#cc-m-10681437621 .ccgalerie .thumb_sq3 {
background: #333;
#cc-m-10681437621 .ccgalerie .thumb_sq3 img {
transform: scale(1.00);
transition: all 0.25s ease-in;
#cc-m-10681437621 .ccgalerie .thumb_sq3:hover img {
transform: scale(1.02);
opacity: 0.5;
#gallery_thumb_7341771221:hover:after,
#gallery_thumb_7341771321:hover:after,
#gallery_thumb_7341771421:hover:after,
#gallery_thumb_7341771521:hover:after {
content: "Bild 1";
position: absolute;
width: 220px;
margin: -150px 0;
z-index: 9999;
font-size: 56px;
font-weight:normal;
color: white;
display: block;
#gallery_thumb_7341771321:hover:after {content: "Bild 2";}
#gallery_thumb_7341771421:hover:after {content: "Bild 3";}
#gallery_thumb_7341771521:hover:after {content: "Bild 4";}
Bilder mit dem Format .PNG können transparente Bereiche speichern (png24/png32). werden diese manchmal leider in der Vergrößerung mit weißem Hintergrund dargestellt.
Beispiel: Startseite
img.pswp__img {
background-color: transparent;
:::