Skip to content

Instantly share code, notes, and snippets.

View qzm's full-sized avatar
🚀
I may be slow to respond.

Aaron Qiu qzm

🚀
I may be slow to respond.
View GitHub Profile
@qzm
qzm / border-radius.css
Last active April 27, 2016 08:09
border-radius snippets
.className {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
@qzm
qzm / box-shadow.css
Last active April 27, 2016 08:20
box shadow snippets
.className {
-webkit-box-shadow: 10px 10px 5px #888888;
-moz-box-shadow: 10px 10px 5px #888888;
-ms-box-shadow: 10px 10px 5px #888888;
-o-box-shadow: 10px 10px 5px #888888;
box-shadow: 10px 10px 5px #888888;
}
@qzm
qzm / border-image.css
Last active April 27, 2016 08:21
border image
.className {
-webkit-border-image: url(border.png) 30 30 round;
-moz-border-image: url(border.png) 30 30 round;
-ms-border-image: url(border.png) 30 30 round;
-o-border-image: url(border.png) 30 30 round;
border-image: url(border.png) 30 30 round;
}
@qzm
qzm / opacity.css
Created April 27, 2016 08:22
css opacity
.className{
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-o-opacity: 0.5;
opacity: 0.5;
}
@qzm
qzm / border-size-cover.css
Created April 27, 2016 08:29
Full screen background image
.className {
background: url("image/bg.jpg") no-repeat center center fixed;
-webkit-border-size: cover;
-moz-border-size: cover;
-ms-border-size: cover;
-o-border-size: cover;
border-size: cover;
}
@qzm
qzm / vertical-align-middle.css
Last active April 27, 2016 08:38
vertical align middle
.className1 {
min-height: 6.5em;
display: table-cell;
vertical-align: middle;
}
.className2 {
height: 100px;
line-height: 100px;
}
.className {
/* Width*/
width: 200px;
white-space: nowrap;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
@qzm
qzm / css-sprite.css
Created April 27, 2016 08:39
css sprite snippets
.className {
width: 46px;
height: 44px;
background: url(img_navsprites.gif) 0 0;
}
@qzm
qzm / form-style.css
Created April 27, 2016 08:49
Form style
input[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
@qzm
qzm / tooltip.css
Created April 27, 2016 08:53
tooltip snippets
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;