CSS Transition Hover Effects

Add the following to menu items or elements you want to affect.

{
transition-property: background-color;
transition-duration: .6s;
transition-timing-function: ease-out;
}

CSS Image Hover Transitions

Add this to the element – eg. website img

{
filter: grayscale(1%);
transition-property: opacity;
transition-duration: .4s;
transition-timing-function: ease-in-out;
}

Add this to the element hover – eg. website img:hover

{
opacity: 0.7;
}