400

AMOUR

p.graisse400{
	  font-variation-settings: "wght" 400;
	}

500

AMOUR

p.graisse500{
	  font-variation-settings: "wght" 500;
	}

600

AMOUR

p.graisse600{
		font-variation-settings: "wght" 600;
	}

700

AMOUR

p.graisse700{
		font-variation-settings: "wght" 700;
	}

800

AMOUR

p.graisse800{
	font-variation-settings: "wght" 800;
}

400 → 800

AMOUR

p#survol{

  font-variation-settings: "wght" 400; 

  transition: font-variation-settings 0.3s ease;

}



p#survol:hover {

  font-variation-settings: "wght" 800;

}

AMOUR

  document.addEventListener('mousemove', function (event) {

	    const windowWidth = window.innerWidth;

	    const percentage = event.clientX / windowWidth;

	    const fontWeight = 400 + Math.round(percentage * 400);

	    document.getElementById('anim').style.fontWeight = fontWeight;

		 document.getElementById('weightActuel').textContent = `Graisse : ${Math.round(fontWeight)}`;

	  });

AMOUR

  setInterval(function() {

	    const randomWeight = Math.floor(Math.random() * 401) + 400;

	    document.getElementById('hasard').style.fontWeight = randomWeight;

	    document.getElementById('weightHasard').textContent = `hasard!!!! : ${Math.round(randomWeight)}`;

	  }, 1000);