Ash ashandrien
ashandrien
/ index.html
Created
March 19, 2013 02:16
A CodePen by Ash the Smash. Transforms - CSS Transforms for CSS class...
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="container"> | |
| <h1>Transforms</h1> | |
| <h2>Rotate</h2> | |
| <div id="rotate">: )</div> | |
| <h2>Skew</h2> | |
| <div id="skew"><img src="http://i.perezhilton.com/wp-content/uploads/2012/12/robert-pattinson-vs-grumpy-cat__oPt.jpg | |
| "/></div> | |
| <h2>Translate</h2> | |
| <div id="translate"><p>See Ya!</p></div> | |
| <h2>Scale</h2> |
ashandrien
/ index.html
Created
March 17, 2013 13:52
A CodePen by Ash the Smash. CSS perspective flips - multiple child boxes flipping with perspective.
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> | |
| <div> | |
| <div> | |
| <div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> |
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
| /** | |
| * Snake eyes | |
| */ | |
| .head { | |
| width: 150px; | |
| height: 190px; | |
| margin: 150px; | |
| border-radius: 50%; | |
| border-color: #fff; | |
| border-style: solid; |