by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
Alan Bondarchuk
@fortis
это так
@Punk-UnDeaD https://jsfiddle.net/fm1cehs3 смотри на вторую строку во время анимации
на обычных экранах ее мылит
Ivan
@Punk-UnDeaD
у тебя сглаживание отключено?
Alan Bondarchuk
@fortis
включено
ну как по дефолту
Ivan
@Punk-UnDeaD
у меня в фоксе вторая строка не меняется
Alan Bondarchuk
@fortis
хром нельзя через стили заставить не сглаживать
Ivan
@Punk-UnDeaD
а в хроме едва заметно меняется интенсивность сглаженных пикселей
если это мыло, я не знаю тогда что не мыло
Alan Bondarchuk
@fortis
может экран такой у тебя
на ретине например ничего не видно
а если у тебя попап проявялется с такой анимацией типа FadeIn и в нем разметка и текст тогда видно лучше
есть еще трансформ которым центрируют на экране от него вообще всегда смазанный текст
Ivan
@Punk-UnDeaD
мылится анимация при изменении размера
потому что берётся фрейм и тупо скейлится
а по окончании он перерисовывается
Alan Bondarchuk
@fortis
ну я пример скинул там нет размеров никаких а видно хорошо на виндовом ноуте 2012 года)
Ivan
@Punk-UnDeaD
при просто сдвиге происходит перенос изображения пиксель в пиксель
Alan Bondarchuk
@fortis
если текста побольше будет еще виднее станет
Alan Bondarchuk
@fortis
c 2009 года закрыть не могут ))
Font antialiasing (smoothing) changes when elements are rendered into compositing layers
Ivan
@Punk-UnDeaD
сракинтош
Alan Bondarchuk
@fortis
дак на винде в хроме тоже самое)
Ivan
@Punk-UnDeaD
с этого начинать надо
Alan Bondarchuk
@fortis
я ж на винде и смотрю
если тебе текст подвигать то конечно подойдет
Ivan
@Punk-UnDeaD
я на прежнем проекте делал слайдеры на трансишн транслейте
если б там мылило с критическим ухудшением качества, тестеры б нашли
Alan Bondarchuk
@fortis
а у нас нашли)
только уже не работают эти решения
всякие -webkit-transform: translateZ(0px); и -webkit-font-smoothing: subpixel-antialiased
Ivan
@Punk-UnDeaD
посмотрел твой пример у жены в хроме на винде
нет никакого мыла
Alan Bondarchuk
@fortis
присмотрись или вставь полноценный абзац
проблемы то не только у меня я ссылки дал и погугли еще найдешь)
по верхушке букв видно у PPffff
в момент анимации
ну либо у нее экран HighDPI
Ivan
@Punk-UnDeaD
а если на шкаф залезть, то женскую баню видно
Alan Bondarchuk
@fortis
ну сайты для людей)
Ivan
@Punk-UnDeaD
обычные у нас мониторы
Alan Bondarchuk
@fortis
но можно не замечать
Ivan
@Punk-UnDeaD

да и гуглится дофига http://stackoverflow.com/questions/12502234/how-to-prevent-webkit-text-rendering-change-during-css-transition

там скейл, я про скейл писал, что скейл мылит

Alan Bondarchuk
@fortis
во втором нет
Ivan
@Punk-UnDeaD
трансформация по оси z - это не плоский перенос
Alan Bondarchuk
@fortis
и не скейл)))