kornerr/murom
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Добавить пример заставки

Browse Source
This commit is contained in:
Михаил Капелько
2019-10-16 14:48:31 +03:00
parent 0bb9e77495
commit eb5dcdf6ef
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
заставка.js → примеры/заставка.js
View File

@@ -6,7 +6,7 @@ function добавитьЭкранЗаставки()
заставка.style.cssText = "position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none;"; заставка.style.cssText = "position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none;";
заставка.innerHTML = заставка.innerHTML =
` `
<h1 id = "заголовок">МУРОМ</h1> <h1 id = "заголовок">Заставка</h1>
`; `;
var вид = document.createElement("style"); var вид = document.createElement("style");
@@ -18,12 +18,13 @@ function добавитьЭкранЗаставки()
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
transform: translateX(-50%) translateY(-50%);
} }
#заставка #заставка
{ {
opacity: 1; opacity: 1;
background-color: grey; background-color: grey;
animation: fadeOut 2s ease; animation: fadeOut 1s ease;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
@keyframes fadeOut @keyframes fadeOut
@@ -41,4 +42,5 @@ function добавитьЭкранЗаставки()
}; };
муром.старт.подписать(добавитьЭкранЗаставки); муром.пуск.подписать(добавитьЭкранЗаставки);