CSS中的变换比例-意外更改字体
鼠标悬停后我的代码更改字体样式。它可能与这个CSS中的变换比例-意外更改字体,css,scale,Css,Scale,鼠标悬停后我的代码更改字体样式。它可能与这个font:14px/1.6“开放式Sans”,无衬线
font:14px/1.6“开放式Sans”,无衬线但是我需要这个。是否有可能以其他方式获得这种效果(比例为1.2)?或者改变这个CSS?我的
HTML
试试这个工作片段
正文{
字体:14px/1.6“开放式Sans”,无衬线;
}
u-div{
宽度:25%;
浮动:左;
保证金:10px自动20px自动;
}
c-数据{
显示:块;
保证金:0px自动0自动;
}
利兹巴先生{
游标:默认值;
过渡:均为0.2s;
-webkit转换:所有0.2秒;
-moz转换:全部为0.2s;
-o-过渡:均为0.2s;
-ms转换:均为0.2s;
文本对齐:居中;
显示:块;
字号:80px;
字体大小:粗体;
线高:80px;
}
.c-data:hover.liczba{
字体大小:90px;
}
6.
意外?你期待什么?缩放跨度时,字体会发生变化。看起来一切正常。最好的方法是:)泰!谢谢你,罗伯特
.c-data:hover .liczba{
transform: scale(1.2, 1.2);
}
<div class="u-div">
<div class="c-data">
<span class="liczba"></span>
</div>
</div>