DEV Community

Cover image for Animated Sonar Screen - CSS Only

Animated Sonar Screen - CSS Only

Nikola Betica
BEM Ninja, Frontend/UX developer & mentor
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)