gradient css

gradient.css

.btn-primary2:hover {
    color: #747d94;
    box-shadow: 0 1px rgba(0, 0, 0, 0.05);
    border-color: #bdc7d2;
    background-color: #f6f7f9;                                             /* fallback color (eg. the gradient center color), if gradients not supported; you could also work with an gradient image, but mind the extra HTTP-Request for older browsers */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#f9fafb, EndColorStr=#ddd )";  IE8-9, ColorZilla Ultimate CSS Gradient Generator uses SVG bg image for IE9 
    background-image: -webkit-linear-gradient(       top, #f9fafb, #ddd ); /* Chrome10-25, Saf5.1-Saf6, iOS -6.1, Android -4.3 */
    background-image:    -moz-linear-gradient(       top, #f9fafb, #ddd ); /* Fx3.6-15 */
    background-image:      -o-linear-gradient(       top, #f9fafb, #ddd ); /* Op11.10-12.02 */
    background-image:         linear-gradient( to bottom, #f9fafb, #ddd ); /* W3C, Fx16+, Chrome26+, IE10+, Op12.10+, Saf6.1+ */
}