search

Hadil66 / your-tribe-for-life-squad-page

Maak met een team een squadpage met Directus en Sveltekit
https://your-tribe-for-life-squad-page-beta.vercel.app
MIT License
2 stars 0 forks source link

Hadil naald animatie #62

Closed Hadil66 closed 1 day ago

Hadil66 commented 1 day ago

Dit is de animatie van de naald voor het 'More Info'-gedeelte. De play-button is een tijdelijke placeholder en wordt later vervangen. Bij een klik op de button draait de naald 45 graden.

Aan het begin staat needlePlay op false, wat betekent dat er geen rotatie is. Na de klik op de button verandert needlePlay naar true en wordt de rotatie van 45 graden toegepast.

  let needlePlay = false

<svg class:needlePlay={needlePlay} on:click="{() => needlePlay = !needlePlay}

  <button class="play-button" on:click="{() => needlePlay = !needlePlay}">
vercel[bot] commented 1 day ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
your-tribe-for-life-squad-page ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 17, 2024 2:57pm