How to show random color on hover in CSS?

Question

I have this CSS code that only displays one color (blue) when there\'s a mouse hover.

.MenuBox {
    transition: all 1.0s ease;
    -moz-border-radius:30px;
         


        

Answer 1

You could use jQuery to select the element you want to hover over and execute a function that generates random hex codes. Then set the div's color to what is generated.