] इस एनीमेशन को किसी भी डिव को पूर्ण स्थिति के साथ लागू किया जा सकता है, चाहे इसकी अज्ञात लंबाई की परवाह किए बिना। ऐसा इसलिए है क्योंकि 100%पर, DIV की बाईं संपत्ति कंटेनर की चौड़ाई को देखती है, जिससे नकारात्मक मान और स्क्रीन से एक स्थिति होती है। यह हमें अपनी वर्तमान स्थिति के सापेक्ष DIV को स्थानांतरित करने की अनुमति देता है, यह सुनिश्चित करता है कि यह कंटेनर की सीमाओं को ओवरशूट नहीं करता है। 0% { वाम: 0; } 100% { वाम: 100%; ट्रांसफॉर्म: ट्रांसलेक्स (-100%); } } #div1 { / * ... */ एनीमेशन: डिस्ट्रासिनिस्ट्रा 1 एस रैखिक अनंत वैकल्पिक; }

इस कोड में, 100% पर कीफ्रेम बाएं और रूपांतरण दोनों का उपयोग करता है। लेफ्ट डिव को दाहिने किनारे पर ले जाता है, जबकि ट्रांसफ़ॉर्म आगे ओवरशूट के लिए क्षतिपूर्ति करने के लिए इसे बाईं ओर अनुवाद करता है। यह संयोजन प्रभावी रूप से डिव को ऑफ-स्क्रीन जाने से रोकता है।