Wie wird der Hover-Effekt angewendet (Schriftgröße erhöhen), ohne den gesamten Inline-Text zu beeinflussen?

Question

Wie wird der Hover-Effekt angewendet (Schriftgröße erhöhen), ohne den gesamten Inline-Text zu beeinflussen? Ich bin ziemlich neu in CSS. Ihre Hilfe wird zu schätzen wissen!

Zeilenhöhe funktioniert nicht

Answer 1

Bitte versuchen Sie dies :)

.text{ 
 
font-size:20px; /* Font size you need in start*/ 
 
color:#333; /* font color #333 is hexadecimal code of black shade */ 
 
font-family:arial; /* font family to style the text */ 
 
font-weight:bold; /* To bold the text */ 
 
} 
 
.text:hover{ 
 
transform:scale(1.5); /* The deafult value is 1 if you change it to any value less than one it will be smaal and vise versa large */} 
 

 

 
/* YOU CAN ADD ANIMATION TOO FOR SMOOTH RESIZE */ 
 
.smooth{transition:all 0.3s;}

<center> <!-- The center tag is used to align the text in center --> 
 
<p class="text"> PIXALVOOP - TEXT RESIZE</p> 
 
<p class="text smooth"> PIXALVOOP - SMOOTH </p> 
 
<center> <!-- The center tag is used to align the text in center -->