title: How to calculate the distance to the parent element in CSS?
body: <p>When I have an element in a flexbox parent element, is there a way to get the distance to the parent element left/top boundary?</p>
  
  <p>I would like to use a CSS animation to distribute the objects from <code>0,0</code> to their actual positions like this</p>
  
  <pre><code>@keyframes distribute_elements {
      from {
          translateX(calc(distance_to_parent_left));
          translateY(calc(distance_to_parent_top));
      }   
      to {
          /* nothing special */
      }
  }
  </code></pre>