Css glow on hover

Css glow effect

div {
    width: 150px;
    height: 150px;
    background-color: #fff;

    box-shadow: 120px 80px 40px 20px #0ff;
    /* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */
}

Source: codersblock.com

Css glow on hover

element {
  box-shadow:none;
}
element:hover, element:active {
  box-shadow: inset 0 0 10px #(color of the glow you want);
}

Similar codes

1 vote353 views1 answer
Ul li dot seprator
CSS
8 votes410 views1 answer
How to get my div to centre
CSS
0 vote331 views1 answer
Sumar clases css
CSS
39 votes378 views2 answers
Css z index
CSS
8 votes351 views1 answer
How to align items in css
CSS
0 vote367 views1 answer
Css animation top goes back to start
CSS
0 vote392 views1 answer
Css clip
CSS
10 votes371 views1 answer
Rotate image css mdn
CSS
0 vote380 views3 answers
Static backdrop
CSS
5 votes408 views2 answers
No outline css
CSS