Se effekten ved at føre musen over billedet

Trin 1

Installer dette plugin: https://wordpress.org/plugins/custom-css-js/  for at være i stand til at indsætte html-kode og Javascript-kode.

Trin 2

Når pluginnet er installeret skal du trykke på “Add custom html” kalde filen “main.html” og indsætte følgende for at kalde Tilt.js :

<script type="text/javascript" src="https://unpkg.com/tilt.js@1.1.21/dest/tilt.jquery.min.js"></script>

Trin 3

Herefter skal du trykke “Add custom JS”, kalde filen “main.js” og indsætte følgende:

jQuery(document).ready(function( $ ){
  $('.tilt-img img').tilt({
    scale: 1.05,
    perspective: 500,
    glare: true,
    maxGlare: .3,
  });
  
  $('.tilt-a a').tilt({
    scale: 1.05,
    perspective: 500,
    glare: true,
    maxGlare: .3,
  });
  
  $('.tilt').tilt({
    scale: 1.05,
    perspective: 500,
    glare: false,
  });
});



Trin 4

Nu har du forbindelse mellem Tilt.js og din hjemmeside. For at anvende effekten skal du blot indsætte en class på den kolonne, række eller boks du vil påføre effekten. Denne class er:

tilt

Classen skal indsættes under “Avanceret” > “CSS Klasse”

Se eksempel her:

Previous Next
Close
Test Caption
Test Description goes like this