LliyoR

/**
 * Just for fun™: Flickr spinner in pure CSS
 * Now, with wider browser support!
 */

@keyframes move-right {
	to { right: 0; }
}

@keyframes move-padding {

LliyoR

Docs

• Web Docs
• Specs
• Can I use
• Should I use
• Shadow DOM selectors - Form Pseudo Elements
• [Cursors](http://dochub.io/#css/css cursor)

Code Generators

• CSS3 Please

LliyoR

/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */

LliyoR

/* Fixed http://habrahabr.ru/post/176591/ */
/*¿ Rollo de cinta de fotos/vídeo ?*/
html { height: 100%; }
body { height: 100%; margin: 0; text-align: center; }
body:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;

LliyoR

/* SVG alternative to fittext.js */

div {
	width: 300px;
	height: 150px;
	float: left;
	margin-right : 10px;
	background: #f06;
	font: bold 150% sans-serif;
	text-shadow: 0 1px 2px rgba(0,0,0,.5);

LliyoR

/**
 * “Body Border, Rounded Inside” without images or extra elements
 */

.one,
.two {
	resize: both; overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin: 5em 1em;

LliyoR

/**
 * Flexible multiline form with generated line breaks
 */

form {
	width: 100px;
	padding: 5px 210px 5px 5px;
	border: 3px #ccc double;
	text-align: right;
	line-height: 2;

LliyoR

/**
 * Radial-gradient line blur
 */

/*YND := animate the lines;
  L make Horiz.center line solid,
    and rest blur (only change 1º)
*/
body { background-color: ghostwhite;}
div {

LliyoR

/**
 * Animation on pseudo-elements test
 */

@keyframes color
{
	to 
	{
		font-size: 20vw;
		font-weight: 600;

LliyoR

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

html { background: gainsboro; } 

body {
	margin: 3em auto 0;
	width: 6em;
	height: 6em;