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

चेतन सीएसएस रूपरेखा

<घंटा/>

CSS के साथ आउटलाइन प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं:

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 550px;
            height: 350px;
            outline: 1px solid blue;
            animation: myanim 3s infinite;
         }
         @keyframes myanim {
            50% {
               outline: 10px dashed orange;
            }
         }
      </style>
   </head>
   <body>
      <h1>CSS outline property</h1>
      <div> </div>
   </body>
</html>

  1. सीएसएस रूपरेखा

    जब आप एक वेब तत्व डिजाइन कर रहे हों, तो आप यह तय कर सकते हैं कि आप पृष्ठ पर तत्व के चारों ओर एक रूपरेखा दिखाना चाहते हैं। उदाहरण के लिए, यदि आप एक बॉक्स डिज़ाइन कर रहे हैं जिसे आप हाइलाइट करना चाहते हैं, तो आप तत्व पर ध्यान आकर्षित करने के लिए बॉक्स के चारों ओर एक रंगीन रूपरेखा जोड़ना चाह सकते हैं।

  1. चेतन सीएसएस रूपरेखा-रंग

    CSS के साथ आउटलाइन-कलर प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>     <head>       <style>          div {             width:

  1. एनिमेट सीएसएस चौड़ाई संपत्ति

    ऐनिमेशन को चौड़ाई पर लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width: 300px;