aurelkurtula

/**
 * The first commented line is your dabblet’s title
 */
body{
  background: #ccc;
}

p{
  background: black;
  color: white;

aurelkurtula

/**
 * a snipet from Gridify (simplified)
 * simplified version of 
 * http://dabblet.com/gist/3713619/
 */
html {
	overflow: hidden;
	min-height: 100%;
	background: linear-gradient(dimgrey, black);
	font: italic 90%/1.3 Georgia, serif;

aurelkurtula

/**
 * Testing keyframes
 */




div {
  width: 40px; height: 40px;
  background: red;

aurelkurtula

/* exploring Animation */
p{
	background: blue;
	display: block;
	width: 200px;
	height: 100px; 
	border-radius: 200px  200px 0 0;
	margin:40px;
	position: relative;
	animation: movingi infinite 6s alternate;

aurelkurtula

/* Random CSS snippets from css-tricks css page */

@media screen
{ 
	*,*:after,*:before{ 
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box; 
	}
}

aurelkurtula

/**
 * border images
 */

p{
	border:6px double orange ;
	background: url("http://4.bp.blogspot.com/-H783FPL_dBM/Tvs9US9dEVI/AAAAAAAAAXg/LtMOjaryRdw/s1600/sweet_home.jpg") 40px ;
	display:block; 
	width: 600px; 
	height: 300px;

aurelkurtula

/**
 * perspective (not done)
 */

  #con
    {
    
-webkit-perspective: 400;
       -webkit-perspective-origin:150px 300px;
       

aurelkurtula

/**
 * border with dashes
 */

div{
  width: 200px;
  height: 200px; 
  border: 2px dashed black;
  margin: 100px;
  border-radius: 50%;

aurelkurtula

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

div{
	width: 500px; 
	height:800px;
	position: relative;
	margin: 150px 0 0 250px;
	z-index: 51;

aurelkurtula

/* flipping image */
img{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);

}