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

4
website/preshow/main.css
View File

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