[CSS] Animation avec tailwind, rellax et css

app.css

#polaroid-1 .polaroid-img {
  /*
  Astuce sur le cacl, il semblerait qu'il faile mutliplier par 1deg pour obtenir une valeur de varaiable en degré
  Curiseuement, ça ne marche pas avec un + ou -, peut-être que le calcul en deg se fait sur 0 à 360 uniquement
  */
  --r: calc(calc(var(--visible-y) * 100 * 20 / 100) * 1deg); /* fait une rotation de 180 max */
  transform: rotate(var(--r));
}

/*
  Debug pour afficher la valeur de la variable css calculée
[data-scroll="in"] :after {
  --in: calc(calc(var(--visible-y) * 100 * 360 / 100) * 1);
  counter-increment: test var(--in);
  content: counter(test);
  width: 100px;
  height: 30px;
  background: white;
}
*/