Skip to content

Instantly share code, notes, and snippets.

@NapoleonWils0n
NapoleonWils0n / glass effect.css
Created November 1, 2012 20:29
css: glass effect
/* glass */
#poster:after {
content: -webkit-gradient(linear,left top, right top,
from(rgba(255,255,255,0.2)),
to(rgba(255,255,255,0.2)),
color-stop(0.5, rgba(255,255,255,0.5)),
color-stop(0.6, rgba(255,255,255,0.1)),
color-stop(0.605, rgba(255,255,255,0.1)));
@NapoleonWils0n
NapoleonWils0n / iphone dont resize text.css
Created November 1, 2012 20:30
css: iphone dont resize text
@media only screen and (max-device-width: 480px) {
html {-webkit-text-size-adjust: none;}
}
@NapoleonWils0n
NapoleonWils0n / absolute_center_image.css
Created November 1, 2012 20:20
css: absolute center image 1
html, body, #wrapper {
height:100%;
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
#wrapper td {
vertical-align: middle;
text-align: center;
@NapoleonWils0n
NapoleonWils0n / absolute_center_image_2.css
Created November 1, 2012 20:20
css: absolute center image 2
html {
width:100%;
height:100%;
background:url(logo.png) center center no-repeat;
}
@NapoleonWils0n
NapoleonWils0n / center_align_left_floated_elements.css
Created November 1, 2012 20:23
css: center align left floated elements
ul {
margin: 20px;
padding: 0;
list-style-type: none;
text-align: center;
}
li {
display: inline-block;
margin: 0;
@NapoleonWils0n
NapoleonWils0n / centre_div_negative_margins.css
Created November 1, 2012 20:23
css: center div negative margins
div { position: absolute; left: 50%; width: 500px; margin-left: -250px; /*half the width of the div*/}
@NapoleonWils0n
NapoleonWils0n / cross_browsre_opacity.css
Created November 1, 2012 20:25
css: cross browser opacity
.transparent_class {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
@NapoleonWils0n
NapoleonWils0n / css_box_shadow.css
Created November 1, 2012 20:27
css: box shadow
.shadow {
box-shadow: 5px 5px 5px #ccc;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
}
@NapoleonWils0n
NapoleonWils0n / css_hidding.css
Created November 1, 2012 20:27
css: css hiding
#content {
position: absolute;
left: -9999px;
}
@NapoleonWils0n
NapoleonWils0n / form_placeholder.css
Created November 1, 2012 20:29
css: form placeholder
input::-webkit-input-placeholder,
input:-moz-placeholder {
color: rgba(170,170,170,1);
}