Skip to content

Instantly share code, notes, and snippets.

View xiaxianlin's full-sized avatar

夏显林 xiaxianlin

View GitHub Profile
@xiaxianlin
xiaxianlin / dabblet.css
Last active April 21, 2016 06:06
CSS Secret
/**
* CSS Secret
*/
.est{
background: yellow;
width: 100px;
height: 100px;
}
div{
width: 20em;
height: 10em;
margin: 2em auto;
padding: 1em;
border: 1em solid transparent;
background: linear-gradient(white, white) padding-box,
repeating-linear-gradient(-45deg, red 0, red 12.5%, transparent 0, transparent 25%, #58a 0, #58a 37.5%, transparent 0, transparent 50%) 0 / 3em 3em;
}
@xiaxianlin
xiaxianlin / dabblet.css
Last active May 5, 2016 05:25
Untitled
.btn{
position: relative;
width: 150px;
height: 30px;
text-align: center;
line-height: 30px;
}
@xiaxianlin
xiaxianlin / dabblet.css
Last active May 5, 2016 08:36
Untitled
.btn{
position: relative;
width: 100px;
text-align: center;
line-height: 30px;
color: #fff;
margin: 150px auto;
background: #58a;
}
.btn:before,
.btn{
position: relative;
width: 100px;
text-align: center;
line-height: 30px;
color: #fff;
margin: 150px auto;
background: #58a;
}
.btn:before,
.btn{
position: relative;
width: 100px;
height:30px;
text-align: center;
line-height: 30px;
color: #fff;
margin: 150px auto;
background: #58a;
}
@xiaxianlin
xiaxianlin / dabblet.css
Last active June 27, 2016 02:30
Untitled
.container{
overflow: hidden;
/*overflow:scroll;*/
float: left;
/*float: right;*/
position: absolute;
display: inline-block;
/*display: table-cell;*/
/*display: table-caption;*/
}
.container {
width: 160px;
height: 90px;
margin: 100px auto;
background: linear-gradient(-45deg, transparent 15px, lightblue 0)
}
@xiaxianlin
xiaxianlin / dabblet.css
Last active June 29, 2016 01:19
Untitled
.container {
width: 160px;
height: 90px;
margin: 100px auto;
background: #58a;
background: linear-gradient(135deg, transparent 15px, #58a 0) top left,
linear-gradient(-135deg, transparent 15px, #58a 0) top right,
linear-gradient(-45deg, transparent 15px, #58a 0) bottom right,
linear-gradient(45deg, transparent 15px, #58a 0) bottom left;
background-size: 50% 50%;
.container {
width: 160px;
height: 90px;
margin: 100px auto;
background: #58a;
background: linear-gradient(135deg, transparent 15px, #58a 0) top left,
linear-gradient(-135deg, transparent 15px, #58a 0) top right,
linear-gradient(-45deg, transparent 15px, #58a 0) bottom right,
linear-gradient(45deg, transparent 15px, #58a 0) bottom left;
background-size: 50% 50%;