How to create nice color indicator with CSS3

Hello everybody who is interested in different css ornamentation :) . Today I’ll explain how to create next element with CSS3. Here is HTML: <div class="circle"><div></div></div> And CSS: .circle { background: #c0c0c0; background: -moz-linear-gradient(top, #c0c0c0 0%, #505050 50%, #c0c0c0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(50%,#505050), color-stop(100%,#c0c0c0)); background: -webkit-linear-gradient(top, #c0c0c0 0%, #505050 50%, #c0c0c0 100%); background: -o-linear-gradient(top, #c0c0c0 0%, #505050 50%, #c0c0c0 100%); background: -ms-linear-gradient(top, #c0c0c0 0%, #505050 50%, #c0c0c0 100%); background: linear-gradient(to bottom, #c0c0c0 0%, #505050 50%, #c0c0c0 100%); filter: progid:DXImageTransform. »