CSS3 , please! This element will receive instant changes as you edit the CSS rules on the left. Enjoy!

/* ------------------------------------------------------------- CSS3, Please! =================================================== Update: We recommend using Autoprefixer instead of CSS3Please. You can edit the underlined values in this css file, but don't worry about making sure the corresponding values match, that's all done automagically for you. Whenever you want, you can copy the whole or part of this page and paste it into your own stylesheet. ------------------------------------------------------------- */

.box_round { border-radius: 12px; background-clip: padding-box; }

.box_shadow { -webkit-box-shadow: 0px 0px 4px 0px #ffffff; box-shadow: 0px 0px 4px 0px #ffffff; }

.box_gradient { background-color: #444444; background-image: -webkit-linear-gradient(top, #444444, #999999); background-image: linear-gradient(to bottom, #444444, #999999); }

.box_transition { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.box_textshadow { text-shadow: 1px 1px 3px #888; }

.box_opacity { opacity: 0.9; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.box_bgsize { -webkit-background-size: 100% 100%; background-size: 100% 100%; }

.box_animation:hover { -webkit-animation: myanim 5s infinite; animation: myanim 5s infinite; } @-webkit-keyframes myanim { 0% { opacity: 0.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @keyframes myanim { 0% { opacity: 0.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } }





From oh noes! Oh hai :)From Peter Nederlof Manipulate me, please! rotate scale skew skew move .matrix { }

@font-face { font-family: 'WebFont'; src: url('myfont.woff') format('woff'), url('myfont.ttf') format('truetype'); }

.box_tabsize { -moz-tab-size: 2; tab-size: 2; }