#stars-edges { position: absolute; height: 100vh; width: 100vw; overflow-x: hidden; } #stars-edges>* { transition-duration: 500ms; } #stars-edges>*[opacity="1"] { animation: edgesStrokeColor 3s ease-in-out forwards; } #stars-container { position: absolute; height: 100vh; width: 100vw; overflow-x: hidden; } #stars-container>* { animation: fadeIn 1s forwards; /* transition-duration: 500ms; */ } @keyframes edgesStrokeColor { from { stroke: #00ffff; } to { stroke: #ff00ff; } }