CSS
Desk
ß
Reset
Reset the code to the default
Blueprint
Grid
Desk
White
Black
12 col
16 col
Change the background
Save
Save your changes to this link
Share
Create a permanent link for this code
Download
Download this code as a file
«
HTML
<div>Wheeeeeee!!!</div>
CSS
@-webkit-keyframes flip { 0% { -webkit-transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(180deg); } } body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 100px; } div { /* basic */ background-color: #fff; margin: 0 auto; width: 200px; padding: 100px; text-align: center; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -webkit-animation-name: flip; -webkit-animation-duration: 2s; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; }
