Effets spéciaux d'animation d'ouverture et de fermeture de rideau HTML5 + CSS3 réalistes

HTML {
dimensionnement de la boîte : border-box ;
}
*, *::après, *::avant {
box-sizing : hériter ;
}
*, *:avant, *:après {
dimensionnement de la boîte : border-box ;
contour : aucun ;
}
corps {
largeur : 100 % ;
hauteur : 100vh;
famille de polices : 'Source Sans Pro', sans-serif ;
taille de la police : 16 px ;
police-smooth: auto;
poids de la police : 300 ;
hauteur de ligne : 1,5 ;
couleur: #444;
couleur de fond : noir ;
image d'arrière-plan : url("img/zzsc.jpg");
position d'arrière-plan : centre centre ;
répétition d'arrière-plan : pas de répétition ;
taille d'arrière-plan : contenir ;
}
corps :avant {
Position : absolue ;
contenu : '';
largeur : 100 % ;
taille : 84,25 % ;
box-shadow : encart 0 0 200px 200px noir ;
indice z : 1 ;
}

Il s'agit d'un effet d'animation réaliste d'ouverture et de fermeture de rideau CSS3, qui est un effet d'animation d'ouverture et de fermeture de rideau d'imitation intéressant.