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) */
}
element {
box-shadow:none;
}
element:hover, element:active {
box-shadow: inset 0 0 10px #(color of the glow you want);
}
Code Example |
---|
Css :: how bold text in css |
Css :: is better use px or pt |
Css :: text shadow |
Css :: form styling |
Css :: css firefox remove scrollbar |
Css :: i used overflow-y : scroll but the scroll bar keep on showing |
Css :: html table wrap text |
Css :: css comment |
Css :: border-box css |
Css :: Applying an ellipsis with css |
Css :: add border to input css |
Css :: round 2 corners of div css |
Css :: margin not working on inline elements |
Css :: sass class with another class |
Css :: how to highlight input on focus with box shadow |
Css :: sass loops |
Css :: css white-space nowrap |
Css :: css n number of lines only |
Css :: how to margin placeholdr text |
Css :: css position fixed center |
Css :: css_background_img |
Css :: select first div css |
Css :: css light grey |
Css :: scrollbar-color |
Css :: mask image css |
Css :: css set font family for all elements |
Css :: flex justify-content |
Css :: font roboto css |
Css :: css outline width |
Css :: flex align self |