Css

Search

how to highlight input on focus with box shadow

.form-section-input {
     transition: box-shadow 300ms ease-out;
}

.form-section-input:focus {
   box-shadow: 0px 0px 5px var(--light-blue-bg-color);
}

Comment

PREVIOUS	NEXT

Code Example
Css :: vertical hr
Css :: css blur border
Css :: place image on top right inside flex css
Css :: css center alignment
Css :: css background transparency or alpha mode
Css :: making a circle css
Css :: css transform
Css :: center image
Css :: ignore br css
Css :: css image transition fade
Css :: how to margin placeholdr text
Css :: custom select tailwind css
Css :: css flex divide evenly
Css :: css horizontal gradient background color
Css :: css hover darken color
Css :: css text align right
Css :: change size material checkbox
Css :: center block div
Css :: css change the button text value
Css :: use css in cshtml
Css :: how to use font awesome with tailwind css
Css :: difference between :after and ::after
Css :: !important css
Css :: RROR: PKGBUILD contains CRLF characters and cannot be sourced.
Css :: what are types of positioning in css
Css :: not focus css
Css :: css remove second element
Css :: select third element of an id css
Css :: Vuetify v-data-table custom row hover background color (Light Theme)
Css :: how to increase text height css

Search

CSS

how to highlight input on focus with box shadow

ADD CONTENT