implement animate pulse

master
Peter Babič 3 years ago
parent f2e728e2ca
commit 30376149c4
Signed by: peter.babic
GPG Key ID: 4BB075BC1884BA40
  1. 16
      src/App.svelte

@ -312,6 +312,13 @@
restart()
}
}
const animate = i =>
(level == 0 &&
i == 5 &&
circles[i] == C_POLE &&
moveStack.length == 0) ||
circles[i] == C_DEST
</script>
<style lang="postcss">
@ -364,15 +371,14 @@
</div>
<div class="triangle grid grid-cols-9 grid-rows-5 mb-4">
{#each circles as type, i}
{#each circles as _, i}
{#key circles[i]}
<div
class="circle rounded-full cursor-pointer div{i} {type} {getCircleColor(i)}"
class="circle rounded-full cursor-pointer div{i} {circles[i]} {getCircleColor(i)}"
class:animate-pulse={animate(i)}
on:click={() => change(i)}
in:receive={{ key: i }}
out:send={{ key: i }}>
<!-- {i} -->
</div>
out:send={{ key: i }} />
{/key}
{/each}
</div>

Loading…
Cancel
Save