Oscillating Audio VU Meter

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<div class="osc-vu"><div class="osc-arc"></div><div class="osc-needle"></div><div class="osc-pivot"></div></div>

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #buttons #css #interface #opensource #codepeek
 */

.osc-vu { position: relative; width: 110px; height: 65px; background: #111827; border: 2px solid #374151; border-radius: 8px 8px 0 0; overflow: hidden; display: flex; justify-content: center; align-items: flex-end; }
.osc-arc { position: absolute; top: 10px; width: 80px; height: 80px; border: 2px solid #f59e0b; border-radius: 50%; opacity: 0.4; }
.osc-needle { position: absolute; bottom: 0; width: 2px; height: 50px; background: #ef4444; transform-origin: bottom center; animation: oscNeedle 1.2s infinite alternate ease-in-out; box-shadow: 0 0 4px #ef4444; }
.osc-pivot { width: 12px; height: 12px; border-radius: 50%; background: #f3f4f6; position: relative; bottom: -6px; z-index: 2; }
@keyframes oscNeedle { 0% { transform: rotate(-35deg); } 30% { transform: rotate(10deg); } 70% { transform: rotate(-15deg); } 100% { transform: rotate(40deg); } }