Дмитрий94,
ну так работает почему, потому что помещено в конце документа, то есть к моменту исполнения $('section').css({'opacity':'0'}); он загружен и DOM сформирован. Но это же и определяется обработчиком $(function() ..., чего тогда $('section').css({'transition':'1.5s','opacity':'1 '}); прятать в него?
А если
$('section').css({'opacity':'0'});
$('section').css({'transition':'1.5s','opacity':'1 '});
то первое действительно в CSS.
А браузер "понимает, что document.ready и пора", потому как наступает соответствующее событие, которое и обрабатывается.
|