Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

एक HTML div को घुमावदार पथ में ले जाएँ

<घंटा/>

HTML div को घुमावदार पथ में ले जाने के लिए, निम्न में से किसी एक का उपयोग करें:

  • सीएसएस ट्रांज़िशन
  • जावास्क्रिप्ट (jQuery)
  • HTML5 कैनवास

इसे हर ब्राउज़र में काम करने के लिए जावास्क्रिप्ट का प्रयास करें।

चेतन () विधि का प्रयोग करें। एनिमेट () विधि सीएसएस गुणों के एक सेट का एक कस्टम एनीमेशन करती है।

निम्नलिखित सिंटैक्स है:

selector.animate( params, [duration, easing, callback] );

यहाँ इस विधि द्वारा उपयोग किए जाने वाले सभी मापदंडों का विवरण दिया गया है

  • परम - CSS गुणों का एक नक्शा जिस पर एनिमेशन आगे बढ़ेगा।
  • अवधि - यह एक वैकल्पिक पैरामीटर है जो दर्शाता है कि एनिमेशन कितने समय तक चलेगा।
  • आसान - यह एक वैकल्पिक पैरामीटर है जो दर्शाता है कि संक्रमण के लिए किस आसान कार्य का उपयोग करना है।
  • कॉलबैक - यह एक वैकल्पिक पैरामीटर है जो एनीमेशन पूरा होने के बाद कॉल करने के लिए एक फ़ंक्शन का प्रतिनिधित्व करता है।

  1. HTML दस्तावेज़ों में CSS शामिल करना

    HTML दस्तावेज़ों में CSS को शामिल करने के लिए, हम या तो उन्हें आंतरिक रूप से शामिल कर सकते हैं, इनलाइन कर सकते हैं या किसी बाहरी फ़ाइल को लिंक कर सकते हैं। सिंटैक्स HTML में CSS फाइलों को शामिल करने का सिंटैक्स इस प्रकार है /*inline*//*internal*//*declarations*//* बाहरी*/ उदाहरण निम्नलिखित उदाहरण

  1. HTML पेज में CSS कैसे शामिल करें

    हम HTML पेजों में CSS को तीन तरह से शामिल कर सकते हैं। ये हैं - इनलाइन यहां हम तत्व की शैली विशेषता में CSS शैलियों को निर्दिष्ट करते हैं। हालांकि, फाइलों को मॉड्यूलर करने के लिए सीएसएस के आंतरिक या बाहरी लिंकिंग की सिफारिश की जाती है। आंतरिक हम अपने CSS विनिर्देशों को HTML दस्तावेज़ के के अंदर

  1. सीएसएस के साथ एक परिपत्र पथ में एक तत्व को कैसे स्थानांतरित करें?

    CSS एनिमेशन संयोजन, घुमाकर और अनुवाद करके तत्वों को विभिन्न तरीकों से बदलने में हमारी सहायता कर सकते हैं। निम्नलिखित उदाहरण बताते हैं कि हम किसी तत्व को वृत्ताकार पथ में कैसे घुमा सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> div {    margin: 8%;   &n