Css display block ease in

div {
  border: 1px solid #eee;
}
div > ul {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
div:hover > ul {
  visibility: visible;
  opacity: 1;
}

Source: stackoverflow.com

Similar codes

4 votes211 views1 answer
Css text line in middle
CSS
5 votes230 views3 answers
Bootstrap 4 classes list with description pdf
CSS
0 vote197 views1 answer
Css detect if input has value
CSS
0 vote208 views2 answers
Can i use css in react native
CSS
0 vote214 views1 answer
CSS menu list with underline hover animation
CSS
3 votes217 views2 answers
Css table row border radius
CSS
0 vote201 views1 answer
How to make a text in center with background color in css
CSS
80 votes216 views6 answers
Add css file to html
CSS
24 votes202 views3 answers
Css change multiple classes
CSS
1 vote222 views1 answer
Zoom background image css
CSS