Skip to content

Instantly share code, notes, and snippets.

View patrickkettner's full-sized avatar

patrick kettner patrickkettner

View GitHub Profile
#background {
background-image: url(http://www.a-castle-for-rent.com/images/les-moutons.jpg);
width: 1300px;
height: 750px;
}
#container {
position: relative;
}
div {
background-image:url(http://space.1337arts.com/wp-content/uploads/2009/09/thumb.jpg)
}
background:linear-gradient(45deg, transparent 49%, #2d87a9 50%, transparent 51%),
linear-gradient(135deg, transparent 49%, #fc4a1c 50%, transparent 51%);
background-size:50px 50px;
background-color: white;
background:radial-gradient(hsla(0,0%,0%,0) 68%, hsl(0,0%,0%) 70%, hsl(0,0%,0%) 70%, hsla(0,0%,0%,0) 70%),
linear-gradient(0deg, transparent 99%, transparent 99%, black 100%,transparent 100%) 0 0,
linear-gradient(90deg, transparent 99%, transparent 99%, black 100%,transparent 100%) 0 0,
linear-gradient(45deg, transparent 49%, #fdfdfd 49%, transparent 50%, hsla(0,0%,0%,0) 100%) 0 0;
background-size: 75px 75px;
body {background-color: orange}
.zoom {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAEsCAMAAAAW+bp3AAACPVBMVEUA8P////8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8wC7LlAAAAvnRSTlMAABIkAQUPLObl9ocm7QSFYfz9+95k8WkDYJcLKS7j9yqCyAzd6oMvDeLwhiMf4MUxizLDiZjv9JmdoYzUiMH1X2Xk816/00HyimMhvcJ1
div {
width: 250px;
background: blue;
}
#select {
display: block;
margin: auto;
width: auto
}
select {
font-size: 500px;
}
​.bucket {
background-image: url(http://i.minus.com/jbiCQLW8rXSxBh.jpg);
width: 298px;
height: 272px;
}
@patrickkettner
patrickkettner / dabblet.css
Created April 4, 2012 19:00
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background-image: linear-gradient(bottom, rgb(110,85,187) 9%, rgb(143,111,225) 69%);
background-image: -o-linear-gradient(bottom, rgb(110,85,187) 9%, rgb(143,111,225) 69%);
background-image: -moz-linear-gradient(bottom, rgb(110,85,187) 9%, rgb(143,111,225) 69%);
background-image: -webkit-linear-gradient(bottom, rgb(110,85,187) 9%, rgb(143,111,225) 69%);
background-image: -webkit-gradient(
* {color: rgb(90,50,100); font-weight: boldest; font-size: 200px}