murom/примеры/заставка.js

function добавитьЭкранЗаставки()
{
    var заставка = document.createElement("div");
    document.body.appendChild(заставка);
    заставка.id = "заставка";
    заставка.style.cssText = "position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none;";
    заставка.innerHTML =
`
<h1 id = "заголовок">Заставка</h1>
`;

    var вид = document.createElement("style");
    document.head.appendChild(вид);
    вид.innerHTML =
`
#заголовок
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#заставка
{
    opacity: 1;
    background-color: grey;
    animation: fadeOut 1s ease;
    animation-fill-mode: forwards;
}
@keyframes fadeOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
`;

};

муром.пуск.подписать(добавитьЭкранЗаставки);