Untitled

dabblet.css

.zzz{
background:pink;
 width: 300px;
height:130px;

  
} 
.zzz:hover{
 width: 1300px;
background-image:url(http://gansta-paradise.com/gansta-paradise-reklama.gif),url(http://gansta-paradise.com/8.gif);
background-repeat:repeat-x,repeat-x;


 
transition:1s;
}
.zip :hover{ 
 background:white;
 

 }


.zip {
background-color:red;
font-style:linehear;
font-size:30px;

}
.zz1{

font-size:7px;
}

.zz1 :hover{
background:green;
}

.forim{
background:black;
}
.forim:hover{

background-image:url(http://gansta-paradise.com/gansta-paradise-reklama.gif),url(http://gansta-paradise.com/8.gif);
background-repeat:repeat-x,repeat-x;
}
.keyframes {
  width: 300px;
height:30px;
}


.keyframes :hover {
height:300px;
width: 1000px;
transition:1s;
background:pink;
transform:  rotate(360deg);

   
}

dabblet.html

<div class="zz1"><h1>go</h1></div>
<div class="keyframes">
<img title="GANSTA-PARADISE" src="http://gansta-paradise.com/gansta-paradise-reklama.gif" alt="Gansta-Paradise" width="130" height="30" border="0"></img> 
</div>
<div class="zip"><a href="http://gansta-paradise.com" target="_self"><img title="GANSTA-PARADISE" src="http://gansta-paradise.com/gansta-paradise-reklama.gif" alt="Gansta-Paradise" width="130" height="30" border="0"> <h1>zip</h1></a></div>
<div class="zzz"><h3>zzzoozoz</h3>
<h4>sdsdsdsda<h4>



</div>
<div class="forim">
<form action="">
<textarea name="t1">text enter</textarea>
<textarea name="t2">text enter</textarea>
<br>
<button type="submint">zmi</button>
<br><br>
<textarea>text enter</textarea>
</form>
</div>
<?
$z=$_POST[t1];
echo"zibin";
echo "$z";



?>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"110","seethrough":"","prefixfree":"1","page":"css"}