如何在不影響整體內嵌文本的情況下應用懸停效果（增加字體大小）？

Question

如何在不影響整體內嵌文本的情況下應用懸停效果（增加字體大小）？我對css相當陌生。您的幫助將會很感激！

線高度不工作

Answer 1

請試試這個:)

.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 -->