DEV Community

Cover image for Animated Sonar Screen - CSS Only
Nikola Betica
Nikola Betica

Posted on • Updated on

Animated Sonar Screen - CSS Only

Old ship styled sonar screen built with CSS only. Animated rotary effect which hides and reveals ships is built with conic-gradient() function so it only works in Chrome/Firefox.

Feel free to comment, fork, upgrade and use for any purpose.

If you liked this article, consider buying me a coffee.

Discussion (0)