Modul Bild

Das Bild-Modul

Divi macht es einfach, Bilder überall auf der Seite zu platzieren. Das Modul unterstützt ein Lazy-Load-Verfahren, dass mit 5 unterschiedlichen Animationen geliefert wird.

Jedes Bild kann wahlweise in einer Lightbox geöffnet werden.

Divi Modul Bild

HTML & CSS Struktur

<a href=“#“ class=“et_pb_lightbox_image“ title=“Beispiel“>

<img src=“#“ alt=“Mond“ title=“Mond“ class=“et-waypoint et_pb_image et_pb_animation_left et-animated“>

</a>

 

Beispiel

img.pic-shadow (Klasse) , img.et_pb_image (Seitenweit)

 

img.pic-shadow {

-webkit-box-shadow: 10px 10px 0px 2px rgba(0,0,0,0.45) !important;
-moz-box-shadow: 10px 10px 0px 2px rgba(0,0,0,0.45) !important;
box-shadow: 10px 10px 0px 2px rgba(0,0,0,0.45) !important;

}

 

Mars

Animationen

Mond
Neptun
Saturn
Jupiter
Merkur