css3 transform transition 配合縮放,字體大小變化的問題 ??
.hoverMenu{ -webkit<愛尬聊_百科全書>-transition:all 0.1s; -moz-transition:all 0.1s; -o-transition:all 0.1s; transition:all 0.1s; }.hoverMenu:hover{ -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); }
鼠標(biāo)移動(dòng)到這個(gè)div上面的時(shí)候,字體會(huì)變細(xì)變寬,最后正常 ? 如何防止這種問題 ?
scale() 這個(gè)屬性會(huì)影響字體 ? 如何不讓字體受到影響
這種方式確實(shí)還是有問題,通過絕對定位還是可以實(shí)現(xiàn)但是麻煩,所以還是通過jquery最好了.
孤單De云 12小時(shí)前
.hoverMenu:hover .font{transform:scale(1);},.font是你不想變大的文字的一個(gè)類,把它的放大倍數(shù)為1(不變)試下
滿目山河_849 12小時(shí)前
前幾天看到百度網(wǎng)頁,是把字體先放大在縮回原來的大小.效果還挺理想
_WeCh****89659 12小時(shí)前
你把transition里面的all改成具體要變化的屬性 all的意思是改變所有
孤單De云 12小時(shí)前
字體變大不關(guān)all的事情,transition:all 0.1s;這只是過度時(shí)間
360U3121160223 12小時(shí)前
font-stretch:normal;去掉就行了。。