Css

Search

css smooth transition in and out

You want smooth transition in and out?
put the transition in the parent selector

.btn {
  	transition: 200ms;
}

.btn:hover {
	transform: translateY(5px)
}

for shadow

.card-hover {
  transition: 200ms;
}

.card-hover:hover {
  box-shadow: 4px 4px 0px 0px rgba(192,23,93,0.75);
  -webkit-box-shadow: 4px 4px 0px 0px rgba(192,23,93,0.75);
  -moz-box-shadow: 4px 4px 0px 0px rgba(192,23,93,0.75);
}

Comment

PREVIOUS	NEXT

Code Example
Css :: how to put element in center in html
Css :: css hide scroll
Css :: center elements vertically in div
Css :: justify text csss
Css :: detect portrait landscape css
Css :: gatsby hide scrollbar
Css :: slide up and down animation css
Css :: how to wrap text in div css
Css :: css circle border
Css :: text color as gradient css
Css :: css backdrop-filter
Css :: remove highlight input css
Css :: universal css
Css :: grid center align css
Css :: css check if mobile
Css :: js click under
Css :: aligning form elements to center in css
Css :: removing the unwanted border button css
Css :: align ionic icons and text css
Css :: box-shadow css
Css :: roboto
Css :: css change color
Css :: autofit grid css
Css :: how to show ... after some long chars js html h1
Css :: using overflow:hidden and clearing float
Css :: hvad er css
Css :: overflow: scroll displaces the inline element
Css :: how to remove underline from list item in html
Css :: how to set background image for button in css
Css :: comfirm before delete

Search

CSS

css smooth transition in and out

ADD CONTENT