title: How to animate arrow with CSS3 so that it looks like it would be growing?
body: <p>I have the following picture of an arrow <a href="https://i.stack.imgur.com/x0Pe8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x0Pe8.png" alt="arrow"></a></p>
  
  <p>What I would like to achieve is to let this arrow arise (grow) via CSS.</p>
  
  <p>How could I achieve this? I would prefer a CSS3 only solution if it was possible.</p>