pixeline

@keyframes rotate{
	from{
		transform:rotate(0deg) translate(-100px) rotate(0deg);
	}
	to{
		transform:rotate(360deg) translate(-100px) rotate(-360deg);
	}
}
#wrap{
position:relative;

pixeline

/**
 * Robert Massin
 */
body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
#p1{
font-family: sans-serif;font-size:2em;

pixeline

/* TEXT ON IMAGE */
body{
background: url(http://upload.wikimedia.org/wikipedia/commons/7/76/Manneken_pis_xmas.jpg);
background-size: cover;
position:relative;
color:white;
font-family: "DIN-regular",Helvetica,sans-serif;
font-weight:bold;
font-size:2.5em;
line-height:1;

pixeline

body{
background: url(http://upload.wikimedia.org/wikipedia/commons/7/76/Manneken_pis_xmas.jpg);
background-size: cover;
position:relative;
color:white;
font-family: "DIN-regular",sans-serif;
font-weight:bold;
font-size:2.5em;
line-height:1;
vertical-align:top;

pixeline

body{
background: url(http://upload.wikimedia.org/wikipedia/commons/7/76/Manneken_pis_xmas.jpg);
background-size: cover;
position:relative;
color:white;
font-family: "DIN-regular",sans-serif;
font-weight:bold;
font-size:2.5em;
line-height:1;
vertical-align:top;

pixeline

Scale - zoom transition (jquery plugin)
---------------------------------------
Simple jquery plugin that create a "zoom into" animation, especially good for anchors, to visually express that the link will lead to "more information". A [Pen](http://codepen.io/pixeline/pen/bVZGrM) by [pixeline](http://codepen.io/pixeline) on [CodePen](http://codepen.io/).

[License](http://codepen.io/pixeline/pen/bVZGrM/license).

pixeline

/**
 * css Hyphens
 */

body{font-size:32px;}
p{text-align:justify; width:50rem;  font-size:100%; hyphens:auto;}

pixeline

/**
 * css Hyphens
 */

body{font-size:32px;}
p{text-align:justify; width:50rem;  font-size:100%; hyphens:auto;}

pixeline

/**
 * css Hyphens
 */

body{font-size:32px;}
p{text-align:justify; width:50rem;  font-size:100%; hyphens:auto;}

pixeline

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;