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