Cacher is the code snippet organizer for pro developers

.header-menu .sub-menu {
	display: none;
}
.header-menu > li:hover .sub-menu {
	display: block;
	animation: display 0.3s;
}
@keyframes display{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}