parrfolio

-moz-transition-property:background, border, color;
-moz-transition-duration:250ms;
-moz-transition-timing-function:ease-in;
-moz-transition-delay:0;
-webkit-transition-property:background, border, color;
-webkit-transition-duration:250ms;
-webkit-transition-timing-function:ease-in;
-webkit-transition-delay:0;
-ms-transition-property:background, border, color;
-ms-transition-duration:250ms;

parrfolio

body {
 background: #444;
}

h2 {
font-size:68px;
color:#f1f1f1;
position:relative;
z-index:1;
font-family:helvetica, arial, sans-serif;

parrfolio

/*-- 
-webkit-full-screen
-webkit-full-screen-document 
--*/

/* fullscreen mode */
#video-player:-webkit-full-screen {
position:absolute;
top:0;
left:0;

parrfolio

/* ref http://maxvoltar.com/archive/-webkit-font-smoothing */

-webkit-font-smoothing: none;

-webkit-font-smoothing: subpixel-antialiased; /* best for small sizes */

-webkit-font-smoothing: antialiased; /* best for headings and other larger type */

parrfolio

#foo { 
-webkit-transform: translateZ(0);
}

parrfolio

html {
	-webkit-text-size-adjust: none;
}

parrfolio

/* preserve-3d allows objects to live in a shared 3D space */
#example {
-webkit-transform-style: preserve-3d;
}

/* flat is just a painting effect and not effected by the containers perspective */
#example:hover {
-webkit-transform-style: flat;
}

parrfolio

#example {
text-align: -moz-center;
text-align: -webkit-center;
}

parrfolio

#foo {
-webkit-user-select: red;
-moz-user-select: red
}

parrfolio

div {
	border: 3px solid orange;
	-moz-border-top-colors: red yellow blue;
	-moz-border-bottom-colors: red yellow blue;
}


/* ref: https://developer.mozilla.org/en/CSS/-moz-border-top-colors */