html結(jié)構(gòu):<div class='parent'>
<span>這是一些字體</span> </div><style>.parent{
box-shadow:0px 0px 10px blue; border-radius:5px;
padding:20px 40px; display: inline-block;
margin-top:200px; margin-left:800px; font-size:18px;
}.parent:hover{ transform-origin:center; transition:all 1s ease;
transform: scale(2);
}</style>當(dāng)鼠標(biāo)經(jīng)過parent時候,這個div被放大了兩倍,但是里面的字體同時也被放大了兩倍,這樣的效果是不需要的,你們遇到這個情況是如何處理以及解決的?
你們是如何避免transform:scale屬性影響字體的?
手掌心
2018-09-14 09:24:54