Skip to content

Instantly share code, notes, and snippets.

View agriboz's full-sized avatar
🎹
Working from anywhere

Can Agriboz agriboz

🎹
Working from anywhere
View GitHub Profile
@agriboz
agriboz / dabblet.css
Created November 9, 2012 13:59
Css Secrets "Lea Verou" Tip 4 Another Example
p { margin: 0; padding: 0; }
div { background-image: linear-gradient(black 1px, transparent 1px);
background-origin: content-box; /* İçeriğin başladığı alan */
background-size: 100% 1.5em;
background-position: 0 -.2em;
font-size: 120%;
line-height: 1.5;
width: 500px;
height: 500px;
font-family: Comic Sans MS;
@agriboz
agriboz / dabblet.css
Created November 9, 2012 13:54
Css Secrets "Lea Verou" Tip 4
p { margin: 0; padding: 0; }
div { background: linear-gradient(white 50%, beige 50%);
background-origin: content-box; /* İçeriğin başladığı alan */
background-size: 100% 3em; /*iki katı olması gerekiyor. line-height'in*/
font-size: 120%;
line-height: 1.5; /* background-size - 2 katı olmalı*/
}
@agriboz
agriboz / dabblet.css
Created November 6, 2012 16:03 — forked from LeaVerou/dabblet.css
Scrolling shadows by @kizmarh and @LeaVerou
/**
* Scrolling shadows by @kizmarh and @leaverou
* Only works in browsers supporting background-attachment: local; & CSS gradients
* Degrades gracefully
*/
html {
background: white;
font: 120% sans-serif;
}
@agriboz
agriboz / dabblet.css
Created November 6, 2012 15:30 — forked from danielfilho/dabblet.css
Scrolling shadows by @kizmarh and @LeaVerou
/**
* Scrolling shadows by @kizmarh and @leaverou
* Only works in browsers supporting background-attachment: local; & CSS gradients
* Degrades gracefully
*/
html {
background: white;
font: 120% sans-serif;
}
@agriboz
agriboz / dabblet.css
Created November 1, 2012 08:50 — forked from alexmwalker/dabblet.css
A Very Brady Adjacent Sibling Selector Demo
/**
* A Very Brady Adjacent Sibling Selector Demo
*/
body{
background: #000;
min-height: 100%;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
@agriboz
agriboz / dabblet.css
Created November 1, 2012 08:48 — forked from alexmwalker/dabblet.css
Traffic light animation
/**
* Traffic light animation
*/
#trafficlight{
background:#333;
height:300px;
width:150px;
border-radius:30px;
margin:3em auto;