Skip to content

Instantly share code, notes, and snippets.

View masiama's full-sized avatar

Leonid Cupikov masiama

View GitHub Profile
@masiama
masiama / index.html
Created May 21, 2018 10:36
Message typing effect
<svg width="80" height="50">
<circle id="lc" cx="10" cy="25" r="10"/>
<circle id="cc" cx="40" cy="25" r="10"/>
<circle id="rc" cx="70" cy="25" r="10"/>
</svg>
<script>
const animate = () => {
lc.setAttribute('cy', centreY + amplitude * Math.sin(time));
cc.setAttribute('cy', centreY + amplitude * Math.sin(time - 1));