पर फ़ॉन्ट बढ़ाना लिंक मेरे पास लिंक की एक सूची है और जब उन्हें घुमाते हैं, तो मैं चाहता हूं कि फ़ॉन्ट सुचारु रूप से बढ़े।होवर
वर्तमान में फ़ॉन्ट transition
का उपयोग करते समय तत्काल बढ़ता है।
#menuHeader {
font-weight: bold;
}
.link {
text-decoration: none;
}
.menuItem {
list-style-type: none;
margin-bottom: 10px;
}
.menuLink {
transition-property: font-size;
transition-property: color;
transition-duration: 0.3s;
font-size: 16px;
color: #000000;
}
.menuLink:hover {
transition-property: font-size;
transition-property: color;
transition-duration: 0.3s;
font-size: 20px;
color: #97d700;
}
<ul>
<li class="menuItem" id="menuHeader">Title</li>
<li class="menuItem"><a class="link menuLink" href="/">Link 1</a></li>
<li class="menuItem"><a class="link menuLink" href="/">Link 2</a></li>
<li class="menuItem"><a class="link menuLink" href="/">Link 3</a></li>
</ul>
यह एक उदाहरण पेज
https://www.roidna.com/services/
ब्लॉकों में संलग्न लिंक उनके आकार बढ़ने जब उनके ऊपर हॉवर है।
को प्रभावित नहीं करता * प्राकृतिक करने के लिए 'transition' संपत्ति घोषित काम कर सकते हैं * तत्व राज्य ताकि यह प्राकृतिक और होवर राज्य दोनों पर लागू हो। फिर ** केवल एक ** 'संक्रमण-संपत्ति 'नियम घोषित करें, कैस्केड ऑर्डर केवल अंतिम नियम लागू करेगा और उसी प्रकार के किसी भी पूर्ववर्ती कथन को अस्वीकार करेगा। शॉर्टेंड संपत्ति का उपयोग करने पर विचार करें; तत्व के किसी भी संपत्ति परिवर्तन (उदाहरण: 'रंग' और 'फ़ॉन्ट-आकार') पर संक्रमण प्रभाव लागू करने के लिए' संक्रमण ' – UncaughtTypeError