анимация перехода css3 под нагрузкой?

<p>я думаю, что нашел какой-то обходной путь для вопроса op - вместо перехода, начинающегося с 'on.load' страницы, - я обнаружил, что использование анимации для увеличения непрозрачности имело тот же эффект (я искал тоже самое что и оп).</p><p>поэтому я хотел, чтобы основной текст при загрузке страницы перешел от белого (такого же, как фон сайта) к черному цвету текста - и я кодирую только с понедельника, поэтому я искал код в стиле "on.load", но пока не знаю js - вот мой код, который хорошо сработал для меня.</p><pre><code>#main p { animation: fadein 2s; } @keyframes fadein { from { opacity: 0} to { opacity: 1} } </code></pre><p>и по любой причине, это не работает для <code>.class</code> только <code>#id</code> (по крайней мере, не для меня)</p><p>надеюсь, это поможет - как я знаю, этот сайт мне очень помогает!</p>

<p>запустите его при наведении на тело, после чего оно начнется, когда мышь впервые начнет двигаться по экрану, что в основном происходит в течение секунды после прибытия, проблема здесь в том, что она перевернется, когда выйдет из экрана.</p><pre><code>html:hover #animateelementid, body:hover #animateelementid {rotate ....} </code></pre><p>это лучшее, что я могу придумать: <a href="http://jsfiddle.net/favlx/">http://jsfiddle.net/favlx/</a> </p><p>полный экран: <a href="http://jsfiddle.net/favlx/embedded/result/">http://jsfiddle.net/favlx/embedded/result/</a> </p><p><strong> изменить см. комментарии ниже: </strong><br> это не будет работать на любом устройстве с сенсорным экраном, потому что нет наведения, поэтому пользователь не увидит контент, если не коснется его. - рич брэдшоу</p>

<p>похоже на решение @ rolf, но пропускает ссылку на внешние функции или играет с классом. если непрозрачность останется фиксированной до 1 после загрузки, просто используйте встроенный скрипт, чтобы напрямую изменить непрозрачность через стиль. например</p><pre><code><body class="fadein" onload="this.style.opacity=1"> </code></pre><p>где css sytle "fadein" определяется для @ rolf, определяя переход и устанавливая непрозрачность в исходное состояние (то есть 0)</p><p>единственная проблема в том, что это не работает с элементами span или div, так как у них нет рабочего события onload</p>