.box { animation: scale-up; animation-timeline: view(); } @keyframes scale-up { 0% { transform: scale(0.3); opacity: 0.5; } 100% { transform: scale(1.5) rotate(360deg); opacity: 1; background: #ff0077; } }