then/opencoil-paracity
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added fade transition preshow website

Browse Source
This commit is contained in:
dennisdebel 2020-10-12 16:39:37 +02:00
parent d638e3c065
commit e8846f2c91
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
website/preshow/index.html
View File

@ -39,7 +39,7 @@
Rosa Menkman<br>
Sarah Grant<br>
Sofya Aleynikova<br><br>
<a href="#" onclick="document.getElementById('infotext').style.visibility='visible';">more info</a>
<a href="#" onclick="document.getElementById('infotext').style.visibility='visible';document.getElementById('infotext').style.opacity='1';">more info</a>
</p>
</div>
<div id="backgroundDiv">
@ -91,8 +91,8 @@
</div>
<div id="infotext">
<div id="infobuttons">
<div id="closeButton" onclick="document.getElementById('infotext').style.visibility='hidden';">X</div>
<div id="enButton" onclick="document.getElementById('infotext_en').style.visibility='visible';">EN</div>
<div id="closeButton" onclick="document.getElementById('infotext').style.visibility='hidden';document.getElementById('infotext').style.opacity='0';">X</div>
<div id="enButton" onclick="document.getElementById('infotext_en').style.visibility='visible';document.getElementById('infotext_en').style.opacity='1';">EN</div>
</div>
<p>
OPENCOIL – The roaming Speedshow <br><br>

4
website/preshow/main.css
View File

@ -94,7 +94,8 @@ a {
}
#infotext, #infotext_en {
visibility: hidden;
visibility: visible;
opacity:0;
overflow-x: hidden !important;
overflow-y: scroll !important;
position: absolute;
@ -107,6 +108,7 @@ a {
background-color: #d152b8;
color: white;
margin: 12% 20% 20% 10%;
transition: opacity 1s;
}