मुखपृष्ठ » टूलकिट » स्टाइलि - एक मुफ्त सीएसएस वेब एनिमेशन बिल्डर

    स्टाइलि - एक मुफ्त सीएसएस वेब एनिमेशन बिल्डर

    यदि आप CSS3 सिंटैक्स के साथ संघर्ष करते हैं और चाहते हैं a एनिमेशन बनाने का सरल तरीका Stylie बचाने के लिए एक महान उपकरण है.

    यह कई मुफ्त में से एक है कोड जनरेटर शुद्ध CSS एनिमेटेड प्रभावों पर ध्यान देने के साथ। Stylie पूरी तरह से स्वतंत्र और खुली-सुगंधित है, जिसे GitHub पर होस्ट किया गया है और इसे Rekapiff नामक कीफ्रेम लाइब्रेरी द्वारा संचालित किया गया है.

    रेकापी पुस्तकालय जावास्क्रिप्ट का उपयोग करता है, तो यह शुद्ध CSS का एक विकल्प है। और शुक्र है, स्टेली वेब ऐप दोनों तरीकों का समर्थन करता है, इसलिए आप कर सकते हैं शुद्ध सीएसएस या जावास्क्रिप्ट में निर्यात कोड.

    डिफ़ॉल्ट रूप से, पहला पृष्ठ रैखिक एनीमेशन के साथ एक निरंतर एनीमेशन डेमो को लोड करता है। आप इसके साथ संपादन करके खेल सकते हैं डिफ़ॉल्ट सेटिंग्स में मोशन टैब या संपादन द्वारा कीफ़्रेम टैब.

    कीफ्रेम सूची में, आप कर सकते हैं नई keyframes जोड़ें, उनकी कुल अवधि संपादित करें, तथा एनीमेशन शैलियों को बदलें, एक्स / वाई अक्ष पर आधारित आंदोलनों सहित.

    सबसे पहले, यह दिखेगा बेहद भ्रामक, खासकर अगर आपने पहले कभी keyframe एनीमेशन नहीं किया है। हालाँकि, जितना अधिक आप इस एप्लिकेशन के साथ खेलते हैं उतना ही यह समझ में आता है.

    डिफ़ॉल्ट रूप से, आपके पास एक टन होगा विभिन्न आसान विकल्प के साथ गड़बड़ करने के लिए और वे सभी सुपर अनुकूलित करने के लिए आसान कर रहे हैं.

    मोशन ग्राफ सीखने के लिए बहुत कठिन है, लेकिन यह आपको अपने एनीमेशन को आसान बनाने पर कहीं अधिक नियंत्रण प्रदान करता है। Stylie भी आपको देता है कस्टम गति प्रभाव को बचाएं तथा इनका पुनः उपयोग करें अन्य एनिमेशन के लिए Keyframes टैब में.

    अगर मैं एक बात की शिकायत कर सकता हूं तो यह वेब ऐप है उत्तरदायी डिजाइन की कमी.

    मुझे पूरी तरह से अपने 13 "मैकबुक प्रो स्क्रीन पर फिट होने के लिए पूरा ऐप नहीं मिल सका। यहां तक ​​कि ब्राउज़र पूरी तरह से अधिकतम हो जाता है। यह एक मुद्दा हो सकता है क्योंकि पृष्ठ पर एक ऊर्ध्वाधर स्क्रॉलबार नहीं है और कई विकल्प (जैसे निर्यात कोड) पाए जाते हैं। सेटिंग्स फलक में कम.

    लेकिन इस मामूली झुंझलाहट से अलग, मुझे अपने बड़े मॉनिटर पर ठीक काम करना पड़ा। और यह निर्यात की गुणवत्ता ऐसा कुछ नहीं है जैसा कि आप वेब पर पाएंगे.

    स्टेली ऐप पर एक नज़र डालें कि यह कैसे काम करता है और कुछ विकल्पों के साथ फ़िडलिंग का प्रयास करें। एक बार जब आप अपना एनीमेशन बनाते हैं, तो आप कर सकते हैं सीएसएस या जावास्क्रिप्ट निर्यात करें और उस परियोजना का उपयोग करें जिसे आप पसंद करते हैं.

    यदि आपको इंटरफ़ेस सीखने में समस्या हो रही है, तो आप इस संक्षिप्त ट्यूटोरियल को लगभग 9 मिनट लंबा देख सकते हैं और सभी प्रमुख विशेषताओं को कवर कर सकते हैं.