Jane zhangj
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1 data-content="Loading...">Loading...</h1> |
zhangj
/ index.html
Created
July 23, 2013 07:57
A CodePen by Jane. Social buttons with hover - Cool social buttons with awesome slide hover (pure css animation)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="buttons"> | |
| <div class="facebook button"> | |
| <i class="icon"> | |
| <i class="icon-facebook"> | |
| </i> | |
| </i> | |
| <div class="slide"> | |
| <p> | |
| </p> |
zhangj
/ index.html
Created
July 23, 2013 08:00
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).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class='gear g1'></div> | |
| <div class='gear g2'></div> | |
| <div class='gear g3'><div class='s s1'></div><div class='s s2'></div></div> | |
| <div class='gear g4'></div> | |
| <div class='gear g5'><div class='inner'></div></div> |