Skip to content

Instantly share code, notes, and snippets.

div {
width: 100px;
height: 100px;
border: 1px solid black;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v8H0zm8 8h8v8H8z' fill='%23ccc'/%3E%3Cpath d='M16 0v8H8V0zM8 8v8H0V8z' fill='%23fff'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
@EL-shadow
EL-shadow / dabblet.css
Created January 15, 2013 23:34
Untitled
.my-button{
text-decoration:none;
display:inline-block;
background: -webkit-linear-gradient(top, #f2f2f2 0%,#e2e2e2 100%);
background: linear-gradient(to bottom, #f2f2f2 0%,#e2e2e2 100%);
border:1px solid #a8a8a8;
border-radius:8px;
color:#000;
font-size:11px;
font-family: Verdana, sans-serif;
@EL-shadow
EL-shadow / dabblet.css
Created January 6, 2013 20:07
Untitled
div {
animation: move 1s ease-in-out 0.5s 2 alternate;
}
@keyframes move {
0% { transform: translateX(0); }
50% { transform: translateX(20px); }
100% { transform: translateX(100px); }
}
@EL-shadow
EL-shadow / dabblet.css
Created September 19, 2012 22:16
Untitled
.d2{
background:green;
}
.d1, .d2{
}
.d2 li{
width:150px;
height:45px;
background:#ccc;
.container{
width:200px;
height:20px;
}
#progress{
height:100%;
background:#ccc;
display:block;
position:relative;
transition: width 300ms ease;
@EL-shadow
EL-shadow / dabblet.css
Created May 24, 2012 12:20 — forked from tyv/dabblet.css
списки и счетчики
/*
списки и счетчики
http://clck.ru/d/_DP820mM15kId
http://clck.ru/d/W3EGMhVZ15kIl
http://clck.ru/d/yvjcixu815kJJ
*/
ol{
list-style:none;
}
@EL-shadow
EL-shadow / dabblet.css
Last active October 5, 2015 08:47 — forked from tyv/dabblet.css
Стопка бумаг
/*
Стопка бумаг
не должна завистеть от контента:
может быть больше или меньше
http://clck.ru/d/7IfEw0cr15kKL
*/
@import url(http://fonts.googleapis.com/css?family=Special+Elite);
body{
@EL-shadow
EL-shadow / dabblet.css
Created May 21, 2012 23:27 — forked from tyv/dabblet.css
Страница карточек шаг 3
/*
* Страница карточек шаг 3
* http://clck.ru/d/UwKTkih_14p1p
* http://clck.ru/d/TyYG2nfR14p1H
*/
body{
counter-reset: section;
text-align:justify;
}
.placeholder{
@EL-shadow
EL-shadow / dabblet.css
Created May 21, 2012 22:43 — forked from tyv/dabblet.css
Страница карточек шаг 2
/*
* Страница карточек шаг 2
* http://clck.ru/d/OkAGYhJd14p0D
*/
body{
counter-reset: section;
}
.card .photo img{
max-height:64px;
max-width:64px;
@EL-shadow
EL-shadow / dabblet.css
Created May 21, 2012 22:42
Страница карточек
/*
* Страница карточек
* http://clck.ru/d/UABmzLuo14p-h
*/
.card .photo img{
max-height:64px;
max-width:64px;
vertical-align:middle;
}
.card .photo i{