За последние 24 часа нас посетили 16554 программиста и 1553 робота. Сейчас ищут 2044 программиста ...

Запрет на первый transition

Тема в разделе "HTML и CSS", создана пользователем ??? Соловьев Е ш326, 3 июн 2014.

  1. Доброго времени суток дорогие форумчане.

    При создании таких правил на элемент:
    Код (Text):
    1. .ololo{
    2.  width: 500px;
    3.  height: 100px;
    4.  margin: -100px 0 0 0;
    5.  transition: margin 1s;
    6. }
    в некоторых браузерах, в том числе Mosila FireFox, при открытии страницы срабатывает эта "первая" анимация элемента, чего допустить нельзя. Вот наглядный пример:
    http://cssdeck.com/labs/5dahms5i
    (перенесите код на свой компьютер, чтобы увидеть проблему)
    Надо заглушить первую анимацию, чтобы не было видно, как элемент "прячется".

    С уважением Евгений
     
  2. Ke1eth

    Ke1eth Активный пользователь

    С нами с:
    16 мар 2012
    Сообщения:
    1.073
    Симпатии:
    11
    Адрес:
    заблудилса
    Рисовать сразу спрятаным
     
  3. Как?
     
  4. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.115
    Симпатии:
    1.244
    Адрес:
    там-сям
    проблема в FF не обнаружена
     
  5. как так?О_о

    Добавлено спустя 17 минут:
    ! (перенесите код на свой компьютер, чтобы увидеть проблему)
     
  6. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Проблема в хроме не обнаружена.
     
  7. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.115
    Симпатии:
    1.244
    Адрес:
    там-сям
    я перенес. может ты просто мышку держишь над шапкой, поэтому сразу чего-то анимируется?
     
  8. Добавлено спустя 5 минут 50 секунд:
     
  9. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    В том коде, что ты дал, проблемы нет. Ищи глубже.
     
  10. Ок. Посмотрю, если совсем капут, скину сюда :)