1

Тема: Плавно загрузка контента/страницы на JS

Если общий фон белый - то на нем просто плавно появляется все содержимое. Если бекграунд картинкой - то сначала плавно появляется бекграунд, а затем на нем опять  плавно появляется содержимое страницы

<style>
body.fade{
    opacity: 0;
}
body.appear{
    opacity: 1;
    transition: opacity 3s;
}
</style>
<body>
<script>
document.body.className = 'fade';
</script>
    <p>Плавное появление контента
    </p>
    <p>Подскажите идею как сделать чтоб при
        запросе старницы она появлялась плавно. то есть, например если общий фон белый -
        то на нем просто плавно появляется все содержимое. Если бекграунд картинкой -
        то сначала плавно появляется бекграунд, а затем на нем опять
        же плавно появляется содержимое
    </p>
    <p>Сапсибо
    </p>
<script>
setTimeout(function(){
    document.body.className = 'appear';
}, 0);
</script>
</body>

источник

В личку только с интересными $$$ предложениями

Поделиться