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

CSS ट्रांज़िशन के साथ कैसे काम करें?

<घंटा/>

संक्रमण . का उपयोग करें CSS ट्रांज़िशन के साथ काम करने के लिए संपत्ति।

आप CSS में ट्रांज़िशन लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:

उदाहरण

     
शीर्षक एक
 

इसकी चौड़ाई बदलने के लिए नीचे दिए गए बॉक्स पर होवर करें।
  1. सीएसएस फ्लेक्स के साथ कॉलम डीआईवी को बाएं-केंद्र-दाएं के रूप में कैसे संरेखित करें सीएसएस फ्लेक्स के साथ कॉलम डीआईवी को बाएं-केंद्र-दाएं के रूप में कैसे संरेखित करें

    फ्लेक्स कंटेनर की वस्तुओं को उसके चारों ओर स्थान वितरित करके उसके मुख्य अक्ष के साथ संरेखित करने के लिए, हम CSS की जस्टिफाई-कंटेंट संपत्ति का उपयोग करते हैं। सिंटैक्स CSS जस्टिफाई-कंटेंट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    display: flex;    justify-content: /*valu

  1. CSS के साथ चेकमार्क / टिक कैसे बनाएं CSS के साथ चेकमार्क / टिक कैसे बनाएं

    हम CSS का उपयोग करके एक अनुकूलित चेकमार्क बना सकते हैं। निम्नलिखित उदाहरण इस प्रभाव को स्पष्ट करते हैं - उदाहरण <!DOCTYPE html> <html> <style> div {    margin: 2%;    position: relative;    width: 40px;    height: 40px;    box-shado

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

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