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

CSS के साथ होवर प्रभाव की गति निर्धारित करें

<घंटा/>

होवर की गति निर्धारित करने के लिए, संक्रमण-अवधि गुण का उपयोग करें। होवर सेट करने के लिए, होवर चयनकर्ता का उपयोग करें।

उदाहरण

होवर प्रभाव को गति देने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं -

     
परिणाम
 

परिणाम के लिए नीचे क्लिक करें:
  1. CSS के साथ शुरू से अंत तक समान गति के साथ एक एनीमेशन सेट करें

    एनीमेशन-टाइमिंग-फ़ंक्शन प्रॉपर्टी का उपयोग करें, रेखीय मान के साथ एनीमेशन को सीएसएस के साथ शुरू से अंत तक समान गति से सेट करने के लिए उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {       &n

  1. सीएसएस के साथ बटन होवर पर फीका

    आप सीएसएस के साथ बटन होवर पर फीका करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .btn {             background-color: orange; &nb

  1. CSS के साथ एक बटन की चौड़ाई सेट करें

    बटन की चौड़ाई सेट करने के लिए, CSS चौड़ाई गुण का उपयोग करें। उदाहरण आप बटन की चौड़ाई निर्धारित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - .btn { बैकग्राउंड-कलर:येलो; रंग काला; चौड़ाई:120 पीएक्स; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रिज्या:15px; सीमा:3px धराशायी नीला;