A CodePen by Ana Tudor. Pure CSS gears - Just putting on CodePen something I did about a year ago. Uses filters. 

Border looks wrong in Firefox (not dotted, but solid) and a bit funny in IE (because the dots are just that, dots, not squares).