This button has both values specified for the hover state.
button.one:hover {
cursor: pointer;
background-color: rgb(225, 243, 187);
background-image: url(http://www.elfboy.com/themes/site_themes/default/headerKoru.jpg), -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgb(225, 243, 187)),
color-stop(1, rgb(228, 248, 232))
);
background-image: url(http://www.elfboy.com/themes/site_themes/default/headerKoru.jpg), -moz-linear-gradient(
center top,
rgb(225, 243, 187) 0%,
rgb(228, 248, 232) 100%
);
}
This button has only the gradient specified for the hover state.
button.two:hover {
cursor: pointer;
background-color: rgb(225, 243, 187);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgb(225, 243, 187)),
color-stop(1, rgb(228, 248, 232))
);
background-image: -moz-linear-gradient(
center top,
rgb(225, 243, 187) 0%,
rgb(228, 248, 232) 100%
);
}
This button has none specified for the first value and the gradient for the second value for the hover state.
button.three:hover {
cursor: pointer;
background-color: rgb(225, 243, 187);
background-image: inherit, -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgb(225, 243, 187)),
color-stop(1, rgb(228, 248, 232))
);
background-image: inherit, -moz-linear-gradient(
center top,
rgb(225, 243, 187) 0%,
rgb(228, 248, 232) 100%
);
}