mlpassos

@import url(http://weloveiconfonts.com/api/?family=entypo);

/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}

.entypo-note {
	font-size:80px;
	display:block;

mlpassos

body {}

div{
position:absolute;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-100px;
width:200px;
height:200px;

mlpassos

:target {
    -webkit-animation: target-fade 3s 1;
    -moz-animation: target-fade 3s 1;
}

@-webkit-keyframes target-fade {
    0% { background-color: rgba(0,0,0,.1); }
    100% { background-color: rgba(0,0,0,0); }
}
@-moz-keyframes target-fade {

mlpassos

:target {
    -webkit-animation: target-fade 3s 1;
    -moz-animation: target-fade 3s 1;
}

@-webkit-keyframes target-fade {
    0% { background-color: rgba(0,0,0,.1); }
    100% { background-color: rgba(0,0,0,0); }
}
@-moz-keyframes target-fade {

mlpassos

/**
 * The first commented line is your dabblet’s title
 */
body{}
.um {position:absolute;top:0;left:0;width:200px;height:200px;
background-image:linear-gradient(45deg, green,blue);
animation-name:anima;
animation-duration:2s;
animation-iteration-count:1;
animation-fill-mode:none;

mlpassos

body {}
div {width:100px;height:100px;background-color:rgba(0,100,200,1);border-radius:50%;margin-top:10px;margin-bottom:20px;}
div:first-child {background-color:green;transition:background-color 1s;}
div:first-child:hover {background-color:red;animation: marcio .5s infinite linear alternate;}
@keyframes marcio {from{box-shadow:-3px -3px 3px rgba(0,0,0,.6);}to{box-shadow:3px 3px 3px rgba(0,0,0,.6);}}

mlpassos

body {}
div {color:white;padding:10px;}
div.a {width:90px;height:10px;background:green;border-radius:5px 5px 0 0;border-bottom:1px dashed white;padding-bottom:20px;font-weight:bold;}
div.b {width:200px;height:auto;background:rgba(0,120,0,1);border-radius:0 5px 5px 5px;}
div.b:hover {background:rgba(0,130,0,1);cursor:pointer;animation:anima 1s ease-in alternate 2;}
div.b:first-letter{color:blue;font-size:50px;}
@keyframes anima{
from{}
to{}
}

mlpassos

/**
 * The first commented line is your dabblet’s title
 */
body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}

.wrapper{width:90%;background-color:blue;height:auto;padding:5%;}

mlpassos

/**
 * The first commented line is your dabblet’s title
 */
body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}

.wrapper{width:90%;background-color:blue;height:auto;padding:5%;}

mlpassos

body{background-color:black;padding:5%;}
.engine{
width:200px;
background-color:red;
padding:2%;
border-radius:50%;
height:200px;
border:20px dashed black;
position:relative;
animation: anima 3s infinite linear;