Отключение анимации и трансофрмации CSS до завершения загрузки сайта


Отключение анимации и трансофрмации CSS до завершения загрузки са...

2300
7.4 из 10
Проголосовало: 3




  • Скачать с сервера
  • Скачать
  • Смотреть демо

При использовании трансформаций CSS для структурных элементов страницы иногда получается, что переходы начинаются еще до завершения загрузки страницы. Такие элементы "выпадают" из шаблона.

Для исправления данного дефекта можно использовать следующий метод.


Инструкция:
1) Добавляем класс "preload" к элементу body:
Code

<body class="preload">

2) И отключаем для данного класса трансформации посредством добавления параметра в CSS:

Code

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}


Вот такими простыми действиями можно избавиться от рывков элементов при загрузке страницы. Было бы лучше обойтись без JavaScript, но ...
Автор публикации: Загрузка
Загрузка
S@Nek, это его n материал
Источник: http://css-tricks.com/transitions-only-after-page-load/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2104
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • Запомни раз и на всегда... Все файлы ВСЕ с окончанием .swf пишутся в Adobe Flash. Я лично пишу в Adobe Flash CS6 cool Я скоро выложу новый шаблон более интересный...
  • Winston888 написал:
  • Я с флешь не сталкивался поэтому интересно файл main.swf ты сам писал ? Если да то через что ?
  • LeKcUs написал:
  • Я думаю что следующая версия будет по дизайну лучше! Ждите.... cool
  • LeKcUs написал:
  • Спасибо...
  • 1488 написал:
  • Отлично сделано!
    Последние темы
    Опрос
    213
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    Топ пользователей: