title: Line drawing animation with pure css
body: <p>Is there any way to implement a CSS animation in which a dot grows to be a line? </p>
  
  <pre><code>point l (a dot) ---------------------------&gt; point m (a line)
  </code></pre>
  
  <p>I know this can be done with SVG, but I want to know if it is possible to be implemented with pure CSS.</p>