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

6 votes173 views4 answers
Tailwind css npm
CSS
0 vote172 views1 answer
Rotate box-shadow
CSS
4 votes184 views1 answer
Ionic mobile always dark theme in web
CSS
6 votes137 views1 answer
Jqeury css edit
CSS
2 votes196 views1 answer
How to make gradient backgroud cover whole page in html
CSS
0 vote195 views1 answer
Css distance between text and input box
CSS
3 votes206 views1 answer
Wrap table html
CSS
0 vote176 views1 answer
Responsive typography
CSS
165 votes226 views6 answers
Box shadow inset
CSS
-1 vote191 views2 answers
How to set background automatically with my screen height
CSS