Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Parallax-Effekt mit Bootsrap 4 /3
#1
Einfacher Parallax-Effekt mit parallax.js

DEMO: http://bootstrap-forum.de/beispiele/para...allax.html


HTML:
Code:
<div class="parallax-window" data-parallax="scroll" data-image-src="img/01.jpg">
        <div class="text-center parallax-text">
            <h1>Parallax-Effekt</h1> <a href="#" class="btn btn-success">Info</a> <a href="#" class="btn btn-danger">Mehr</a>
        </div>
</div>

<!-- vor dem schließenden </body> einfügen -->
<script>
        $('.parallax-window').parallax();
</script>
CSS:
Code:
.parallax-window {
        min-height: 500px;
        background: transparent;
}
        
.window-wrapper {
        min-height: 500px;
         background: #fff;
}
        
.parallax-text {
         padding-top: 100px;
}


Angehängte Dateien
.rar   Boostrap Parallax.rar (Größe: 2,52 MB / Downloads: 3)
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste