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

175 votes424 views6 answers
Background css image
CSS
0 vote350 views1 answer
Css animate border
CSS
0 vote359 views1 answer
Bootstrap-navbar-containers
CSS
63 votes369 views6 answers
Center div absolute
CSS
1 vote360 views1 answer
Css target except id
CSS
0 vote353 views1 answer
How to give rgba in tailwind
CSS
0 vote333 views1 answer
Css gradient bottom page
CSS
28 votes372 views6 answers
Background image react
CSS
7 votes340 views2 answers
Scss extend
CSS
0 vote331 views1 answer
Css gradient 3 color
CSS