Skip to content

Instantly share code, notes, and snippets.

@adgllorente

adgllorente/gear.css

Created March 6, 2016 17:18
Show Gist options
  • Save adgllorente/7809f6f3e9d422983cc7 to your computer and use it in GitHub Desktop.
Save adgllorente/7809f6f3e9d422983cc7 to your computer and use it in GitHub Desktop.
Download ZIP
css-gears
Raw
gear.css
/**
* size: Size in pixels (For example: 20px)
* direction: Rotation direction (For example: 'clockwise' or 'reverse')
* color: Color of the gear (For example: #bd1550)
* bg-color: Color of the hole (For example: #490a3d)
*/
.make-gear(<size>, <direction>, <color>, <hole-color>);
Raw
gear.html
<span class="gear">
<span class="body"></span>
<span class="tooth"></span>
<span class="tooth rotate-45"></span>
<span class="tooth rotate-90"></span>
<span class="tooth rotate-135"></span>
<span class="hole"></span>
</span>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment