प्रोग्रेसिव ब्लर और ग्रेडिएंट से एक इंटरैक्टिव स्विच बनाएँ

लेसन 8 / 15Hanaशुरुआती4 मिनट

इस ट्यूटोरियल में हम दिखाएँगे कि प्रोग्रेसिव ब्लर + ग्रेडिएंट और इंटरैक्शन के लिए माउस hover इवेंट का इस्तेमाल करके, पूरी तरह Hana में एक इंटरैक्टिव स्विच कैसे बनाएँ। यह एक दिलचस्प डिज़ाइन है जिसे कई तरह के प्रोजेक्ट में इस्तेमाल किया जा सकता है, और हम आपको हर स्टेप समझाएँगे।

इस डेमो को यहाँ रीमिक्स करें: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

आप क्या सीखेंगे

  1. 0:00परिचय
  2. 0:15बेस शेप बनाना
  3. 0:39ग्रेडिएंट जोड़ना
  4. 1:04लेयर ब्लर इफ़ेक्ट जोड़ना
  5. 1:46ट्रिगर बनाना
  6. 1:57माउस hover इवेंट + ट्रांज़िशन जोड़ना
  7. 2:24सफ़ेद स्ट्रोक बनाना + स्टेट जोड़ना
  8. 3:07स्ट्रोक के लिए ट्रांज़िशन सेट करना
  9. 3:35समापन

संबंधित रिसोर्स