html - I want to rotate a link on Hover -

लिंक उल ली संरचना में है।

  & lt; nav class = "navcls1 "& gt; & Lt; ul class = "नेविगेशन लिंक्ल्स 1" & gt; & Lt; li & gt; & lt; a href = "#" & gt; होम & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; इसके बारे में & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "#" & gt; ब्लॉग & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / नव & gt;   
 इसके लिए सीएसएस नीचे है  
  .navigationLinkscls1 li {स्थिति: रिश्तेदार; display: inline-ब्लॉक; गद्दी: 10px; // सीमा: 1px ठोस लाल; चौड़ाई: 100px; }। नेविगेशन लिंक्ल्स 1 ली ली {स्थिति: रिश्तेदार; text-decoration: कोई नहीं; // सीमा: 1px ठोस हरा; पैडिंग: 3px 20px 3px 20px; बॉक्स-छाया: 5px 5px 11px # 999999; रंग: # 000000; पृष्ठभूमि का रंग: #FFFFFF; -वेबकिट-संक्रमण: .25 एस रैखिक; -मोज़-संक्रमण: .25 एस रैखिक; -ओ-संक्रमण: .25 एस रैखिक; संक्रमण: .25 एस रैखिक; }। नेविगेशन लिंक्ल्स 1 ली ए: हॉवर {-वीबीकिट-ट्रांसफॉर्मः घुमाएं (45 डिग्री); -moz-परिणत: बारी बारी से (45deg); -ओ-परिणत: घुमाएँ (45deg); परिणत: बारी बारी से (45deg); }   
 लेकिन कोड नहीं चल रहा है कृपया मदद करे। मैं HTML5, CSS3 में अपेक्षाकृत नया हूं और मैं क्रोम के नवीनतम संस्करण में काम कर रहा हूं।  
     
 
 
 बदलें  .navigationLinkscls1 li a: होवर  से  .navigationLinkscls1 li: होवर ।  
 सीएसएस रोटेशन करता है  डिस्प्ले पर काम नहीं करते: इनलाइन;  तत्व (और 'ए' तत्व ब्राउज़र से यह सन्दर्भ करता है)  
 आप कोड भी जोड़ सकते हैं:  
  .navigationLinkscls1 li a {display: inline-block; }