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

CSS के साथ div को -20 डिग्री कोण पर घुमाएं


CSS के साथ div को -20 डिग्री कोण पर घुमाने के लिए निम्नलिखित कोड आज़माएं:

उदाहरण

 <html> <head> <style> div { width: 300px; height: 100px; background-color: pink; border: 1px solid black; } div#myDiv { /* IE 9 */ -ms-transform: rotate(-20deg); /* Safari */ -webkit-transform: rotate(-20deg); /* मानक सिंटैक्स */ transform: rotate(-20deg); } </style> </head> <body> <div> Tutorials point.com. </div> <div id = "myDiv"> Tutorials point.com </div> </body> </html> 

आउटपुट

CSS के साथ div को -20 डिग्री कोण पर घुमाएं

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

    CSS3 फ्लेक्सबॉक्स (Flexible Box) जटिल लेआउट के लिए शक्तिशाली मोड है। कंटेनर प्रॉपर्टी: flex-direction, flex-wrap, flex-flow, justify-content, align-items, align-content। आइटम प्रॉपर्टी: flex-grow, flex-shrink, flex-basis, align-self, order। उदाहरण div { background-color: #f1f1f1; margin: 10

  1. CSS से यूजर रेटिंग स्कोरकार्ड (स्टार + प्रोग्रेस बार) कैसे बनाएं? CSS से यूजर रेटिंग स्कोरकार्ड (स्टार + प्रोग्रेस बार) कैसे बनाएं?

    रेटिंग स्कोरकार्ड में समग्र स्टार रेटिंग (Font Awesome), औसत स्कोर, और प्रत्येक स्टार स्तर के लिए प्रोग्रेस बार होता है। फ्लोट लेआउट से लेबल, बार, काउंट संरेखित। रो क्लियरफिक्स के साथ। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initi

  1. प्योर CSS के साथ स्मूथ स्क्रॉलिंग प्योर CSS के साथ स्मूथ स्क्रॉलिंग

    परिचय CSS scroll-behavior प्रॉपर्टी हमें स्क्रॉल के व्यवहार को बदलने की अनुमति देती है। जावास्क्रिप्ट के बिना, हम एंकर लिंक्स और प्रोग्रामेटिक स्क्रॉलिंग के लिए स्मूथ स्क्रॉलिंग सक्षम कर सकते हैं। उदाहरण 1: वर्टिकल स्मूथ स्क्रॉल <!DOCTYPE html> <html> <head> <style> h