How to add an animation to show and hide a modal window?

Question

Windows

Hello, tell me how to correctly implement animation in css so that the modal window smoothly disappears. The appearance has already been added, but I don’t know how to add a smooth hide, write down who knows how to do it without changing the structure display: flex/none; I will be very grateful!

Source code: https://codepen.io/axlisovskiy/project/editor/AbWWna#0

Answer 1

Most likely in shadow copies.
Also, the indexer file can grow.

Show hidden files enabled. Display of file systems is enabled.

Well, you don’t have corny rights to all files. And if you do not have rights, you cannot find out the size of the files.
Well, you need to understand that the disk space occupied is a thin thing and often it is impossible to calculate it.

Answer 2

A neat note on the topic: How to correctly measure the occupied disk space and ...

Answer 3

Start by checking the disk for errors (the "Service" tab), perhaps the space is simply not allocated correctly. This happens sometimes.
And most likely it does not take into account the paging file, restore points and something else hidden from the user's eyes. Try deleting restore points and look at the difference in properties again.

Answer 4

https://tympanus.net/codrops/2013/06/25/nifty-moda...
options for every taste and color.