title: Create Custom Easing using Javascript
body: <p>I am trying to create a custom easing function and I am experiencing a few difficulties. In other words, the maths is confusing me...</p>
  
  <p>I would like my function to increment the width of a some elements within my page, and the increment value needs to decrease as the index of the element increases.</p>
  
  <p>Consider these values:</p>
  
  <pre><code>50, 150, 230, 280, 310, 330
  </code></pre>
  
  <p>Whilst I appreciate it is likely to be impossible to generate these exact values, I essentially want a function that will come close to those values.</p>
  
  <p>Here is what I have so far:</p>
  
  <pre><code>$('.something').each(function(i){
      var scale = Math.round(30*(i/10)*(2-(i/10)));
      dimension = scale*dimension;
      console.log(dimension);
  });
  </code></pre>
  
  <p>This may be extremely easy but I am struggling to get my head around the maths today so any help would be much appreciated</p>