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


HTML5
  1. <div class="parallax-window" data-parallax="scroll" data-image-src="img/01.jpg">
  2.        <div class="text-center parallax-text">
  3.            <h1>Parallax-Effekt</h1> <a href="#" class="btn btn-success">Info</a> <a href="#" class="btn btn-danger">Mehr</a>
  4.        </div>
  5. </div>
  6.  
  7. <!-- vor dem schließenden </body> einfügen -->
  8.        $('.parallax-window').parallax();



CSS
  1. .parallax-window {
  2.        min-height: 500px;
  3.        background: transparent;
  4. }
  5.        
  6. .window-wrapper {
  7.        min-height: 500px;
  8.         background: #fff;
  9. }
  10.        
  11. .parallax-text {
  12.         padding-top: 100px;
  13. }




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


Gehe zu:


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