Skip to content

Instantly share code, notes, and snippets.

View yoksel's full-sized avatar
🦩
🧐

Yoksel yoksel

🦩
🧐
2.3k followers · 11 following
View GitHub Profile
@yoksel
yoksel / Color-paper.markdown
Created February 11, 2014 07:01
A Pen by yoksel.
@yoksel
yoksel / Css-Pattern.markdown
Created February 11, 2014 07:00
A Pen by yoksel.
@yoksel
yoksel / A-Pen-by-yoksel.markdown
Last active August 29, 2015 13:56
A Pen by yoksel.
@yoksel
yoksel / A-Pen-by-yoksel.markdown
Created February 6, 2014 06:46
A Pen by yoksel.
@yoksel
yoksel / A-Pen-by-yoksel.markdown
Created February 6, 2014 06:35
A Pen by yoksel.
@yoksel
yoksel / jsbin.OvOwEma.css
Created February 6, 2014 06:18
HTML {
height: 100%;
}
BODY {
background:
repeating-linear-gradient( -45deg,
rgba(255,255,255, 0) 1.9em,
rgba(0, 0, 0, .1) 2em,
rgba(255,255,255, 0) 2.1em )
0 0;
@yoksel
yoksel / jsbin.ewIRARe.css
Created October 9, 2013 16:31
Мой вариант этого примера http://css-tricks.com/conical-gradients-css/
UL, LI {
position: relative;
margin: 0;
padding: 0;
}
.wrapper {
width: 20em;
height: 20em;
margin: 2em auto 0;
@yoksel
yoksel / jsbin.aWuviY.css
Created September 29, 2013 11:51
Cells on CSS http://jsbin.com/aWuviY/1/edit
BODY {
text-align: center;
color: #999;
text-shadow: 1px 0 1px rgba(0,0,0,.5);
}
DIV {
display: inline-block;
position: relative;
width: 45%;
height: 15em;
@yoksel
yoksel / jsbin.IfAzAFO.css
Created September 29, 2013 09:51
Box-shadow mosaic http://jsbin.com/IfAzAFO/1/edit
DIV {
width: 1em;
height: 1em;
background: firebrick;
box-shadow:
1em 0 0 crimson,
2em 0 0 red,
3em 0 0 orangered,
4em 0 0 orange,
5em 0 0 gold,
@yoksel
yoksel / jsbin.OTiNOGO.css
Created September 29, 2013 09:39
Bubble with shadows http://jsbin.com/OTiNOGO/2/edit
BODY {
background: #efefef;
font-size: 1.7em;
}
DIV {
display: inline-block;
position: relative;
vertical-align: middle;
}
DIV:before,