creating a both side radio wave animation

Question

I want a Radar wave animation like this:

With a lot of effort using my poor knowledge of Svgs I added the left side of the desired wave and it works fine. but I n

Answer 1

Using

transform: rotate(180deg);

On a wrapping div will reflect the animation, so you can use it on the right side.

Example:

      

        

            
        
...(etc)

With the following added to the stylesheet:

.reflect {
     transform: rotate(180deg);
}