Skip to content

Instantly share code, notes, and snippets.

View whistler's full-sized avatar

Ibrahim Muhammad whistler

View GitHub Profile
@whistler
whistler / div-align-center.css
Created August 12, 2011 20:30
Align a div to the center of another div
.inner {
width: 50%;
margin: auto;
}
@whistler
whistler / mouseover-opacity.css
Created August 12, 2011 20:08
Opacize on mouseover CSS
.transparent
{zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
.transparent:hover
{
opacity:1;
-moz-opacity:1;
@whistler
whistler / monochrome-image.css
Created August 12, 2011 20:05
Monochrome image with CSS
a.a-thumb {
border: 1px solid black;
position: relative;
}
a.a-thumb img {
width: 60px;
height: 60px;
border: 0;
}
@whistler
whistler / image-caption.css
Created August 12, 2011 20:03
Create Onhover Image Caption Using CSS
/* parent div and hover properties */
.imgteaser {
margin: 0;
overflow: hidden;
float: left;
position: relative;
}
.imgteaser a {
text-decoration: none;
float: left;
@whistler
whistler / center-div.css
Created August 12, 2011 19:55
Center a Fixed Width Div
div#main {
width: 750px;
margin-left: auto;
margin-right: auto
}