DEV Community

Cover image for Animated Sonar Screen - CSS Only

Animated Sonar Screen - CSS Only

nikolab profile image Nikola Betica Updated on ・1 min read

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)

Editor guide