How to create simple water drop animation with jquery

I wanted to create simple water drop animation how you see in the below pic

Answers


Found a solution.Here is the Fiddle

<div class="wrap">
<div class="drop-outer">
<svg class="drop" viewBox="0 0 40 40" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="20" cy="20" r="20"/>
</svg>
</div>
<div class="ripple ripple-1">
  <svg class="ripple-svg" viewBox="0 0 60 60" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="30" cy="30" r="24"/>
  </svg>
</div>
 <div class="ripple ripple-2">
  <svg class="ripple-svg" viewBox="0 0 60 60" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="30" cy="30" r="24"/>
</svg>
 </div>
 <div class="ripple ripple-3">
  <svg class="ripple-svg" viewBox="0 0 60 60" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="30" cy="30" r="24"/>
  </svg>
 </div>


Need Your Help

iPhone + UITabBar

iphone uitabbar

I have a UITabBar in my application with three tab bar items.

Laravel 4.2 custom trait to encrypt data

php laravel encryption laravel-4 traits

I tried to create a custom trait to encrypt the column 'email' of a model automatically: