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

CSS ट्रांज़िशन-टाइमिंग-फ़ंक्शन प्रॉपर्टी

<घंटा/>

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

उदाहरण

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

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

 
 रैखिक प्रभाव


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


 
आसानी से प्रभाव
  1. चेतन सीएसएस फ्लेक्स-आधार संपत्ति

    ऐनिमेशन को फ्लेक्स-आधार . पर लागू करने के लिए सीएसएस के साथ संपत्ति, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style>    .box {       display: flex;       background-color: green;    

  1. चेतन सीएसएस फ्लेक्स-सिकुड़ संपत्ति

    पर एनिमेशन लागू करने के लिए फ्लेक्स सिकोड़ें सीएसएस के साथ संपत्ति, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {          

  1. सीएसएस अलगाव संपत्ति

    आइसोलेशन प्रॉपर्टी का उपयोग यह परिभाषित करने के लिए किया जाता है कि क्या किसी तत्व को एक नई स्टैकिंग सामग्री बनानी चाहिए। वाक्य रचना इस प्रकार है - सिंटैक्स isolation: auto|isolate|initial|inherit; उदाहरण <!DOCTYPE html> <html> <head> <style> .demo1 {    background-