Answers for "enlarge text on hover css"

css text larger on hover

#sname {
    margin-top: 100px;
    margin-bottom: 100px;
    color: rgba(1,1,1,0.7);
}

#sname a {
    font-weight: bold;
    font-size: 4em;
    transition: all 500ms;
}
    
#sname a:hover {
    font-size:88px;
    font-size-adjust: 20px;
}

*/
<div id="sname">
    <a href="#">test</a>
</div>
*/

on hover zoom card

transform: scale(1.5);