2015-09-25 4 views
-1

Im масштабирование текста при наведении на небольшое количество. Текст выглядит размытым. После поиска решения я пробовал различные методы, о которых говорят другие люди, но они не работают.Масштабированный текст размытый

например.

backface-visibility: hidden; 

Я также попытался сворачивает текст перед парением и используя парить масштабировать до значения 1. Это также не работает.

Как я могу масштабировать текст без его размытости?

Im используя преобразование масштаба и ошибка в WebKit браузерах

+0

Какой браузер вы используете? Вы видите такое же поведение, если пытаетесь использовать другой браузер? –

+0

Вы уже попробовали - transform-style: preserve-3d; -webkit-transform-style: preserve-3d; Это должно быть на родительском элементе. –

+0

Что значит масштабирование? Вы меняете «размер шрифта»? Используете ли вы 'transform: scale ...'? Является ли ваш текст элементом HTML, SVG-объектом или растровым изображением? Пожалуйста, покажите код. –

ответ

0

Вы можете масштабировать размер шрифта. Пожалуйста, проверьте

span a{ 
 
    font-size: 24px; 
 
} 
 
span:hover a{ 
 
    color:#ba4a49 ; 
 
    font-size: 240px; 
 
    transition: all 2s linear; 
 
}
<span><a href="#">Hello this looks blured during transition</a></span>

Пожалуйста, проверьте This Link