title: Looking for a “swing”-like easing expressible both with jQuery and CSS3
body: <p>I have to perform two animations on an object simultaneously.<br>
  For a number of reasons, I want to use jQuery for the vertical animation and CSS3 for the horizontal one. </p>
  
  <p>On jQuery side, <code>swing</code> easing works great:</p>
  
  <p><img src="https://i.stack.imgur.com/6fwxn.png" alt="jquery swing"></p>
  
  <pre><code>swing: function (a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}
  </code></pre>
  
  <p><strong>I'm looking for a way to express this easing function in CSS3 transition.</strong>  </p>
  
  <p>If it is impossible, I'm looking for an easing function (e.g. a Bézier curve) that is <em>most similar</em> to <code>swing</code><br>
  and can be used <strong>both</strong> in jQuery and CSS3. Please include link to any required plugins.</p>