CSS Cheatsheet

CSS Cheatsheet

Center an image in a div
========================

.person .person-avatar-medium {

        width: 80px;
        height: 80px;
        overflow: hidden;
        background-color: #f2f2f0;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
}
Center the contents of a div
============================

person{
        margin:auto;
}


Gray out an image
================

.person img:hover{
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%);
}