Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> css3 transition 
:(
    Опции темы
bosscs
Дата 8.6.2013, 12:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 27.2.2010

Репутация: нет
Всего: нет



Тот кто пользовался CSS3 скорее всего знает, что при использовании transition элемент размывается (блюрится), затем снова становится четким. Очень мне не нравится это. Кто-то знает, можно ли убрать это размытие? Или хотябы сделать плавный переход с четкого на размытое состояние? 
PM MAIL   Вверх
Arantir
Дата 8.6.2013, 15:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Рыбак без удочки
**


Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 5
Всего: 55



Пример покажите.


--------------------
interface Жопа {
    // ATTENTION: has to be implemented by every class of the project for proper project work
}
PM   Вверх
bosscs
Дата 9.6.2013, 01:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 30
Регистрация: 27.2.2010

Репутация: нет
Всего: нет



http://jsfiddle.net/b7bDy/23/
Пока выполняется переход - текст (или любое содержимое) будет размыто (заблюрено).
Как только переход окончится - снова вернется четкость. 
PM MAIL   Вверх
Arantir
Дата 9.6.2013, 06:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Рыбак без удочки
**


Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 5
Всего: 55



Хм, не подумал как-то о тексте. В большинстве остальных случаев (тени, границы, цвета...) все нормально.

Свойство с префиксами не обязаны работать на 100% как положено. Например, последние версии Firefox с поддержкой официального transition (без префикса) при использовании scale увеличивают текст и картинки вполне плавно и приемлемо на глаз.

Для текста можно использовать размер шрифта вместо масштаба. А для картинок — делать их изначально меньше и менять высоту и ширину к реальному размеру. Это должно плавно работать.
А именно для scale в некоторых браузерах без поддержки transition без префикса, похоже, ничего не поделаешь.


--------------------
interface Жопа {
    // ATTENTION: has to be implemented by every class of the project for proper project work
}
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0388 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.