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

CSS ट्रांज़िशन-टाइमिंग-फ़ंक्शन के साथ विभिन्न गति वक्र सेट करें

<घंटा/>

ट्रांज़िशन-टाइमिंग-फ़ंक्शन के साथ अलग-अलग गति वक्र सेट करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

     
संक्रमण प्रभाव
 

div तत्वों पर होवर करें और संक्रमण प्रभाव और गति देखें:

 
 रैखिक प्रभाव


 
आसानी से प्रभाव


 
आसानी से प्रभाव
  1. CSS के साथ मेनू आइकन कैसे बनाएं?

    CSS के साथ एक मेनू आइकन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> div {    width: 40px;    height: 7px;    backgrou

  1. फ्लेक्सबॉक्स के साथ एडवांस सीएसएस लेआउट

    CSS3 एक लेआउट मोड फ्लेक्सिबल बॉक्स प्रदान करता है, जिसे आमतौर पर फ्लेक्सबॉक्स कहा जाता है। फ्लेक्सबॉक्स (लचीला बॉक्स) CSS3 का एक लेआउट मोड है। इस मोड का उपयोग करके, आप जटिल एप्लिकेशन और वेब पेजों के लिए आसानी से लेआउट बना सकते हैं। इसमें कंटेनर, फ्लेक्स आइटम आदि शामिल हैं। कंटेनर में निम्नलिखित गुण

  1. शुद्ध सीएसएस के साथ आसान स्क्रॉलिंग

    CSS स्क्रॉल-व्यवहार गुण हमें स्क्रॉल के व्यवहार को बदलने की अनुमति देता है। उदाहरण निम्नलिखित उदाहरण CSS स्क्रॉल-व्यवहार गुण को दर्शाते हैं। <!DOCTYPE html> <html> <head> <style> html {    line-height: 200px;    margin: 30px;    text-align: cent