Browse Source

fix: init z-index property of div.step to 0

master 1.2.4
kdxcxs 4 years ago
parent
commit
69dea1fb96
  1. 12
      src/index.html
  2. 2
      src/package.json

12
src/index.html

@ -31,7 +31,7 @@
<p style="position: absolute;right: 8px;bottom: 8px;font-size: 20px;opacity: .6;">By Chen Dagang</p>
</div>
<div class="step" data-x="270" data-y="135" data-scale="0.3">
<div class="step" data-x="270" data-y="135" data-z="0" data-scale="0.3">
<p style="position: absolute;font-size: 159px;left: 150px;top: 55px;">etwork</p>
<p style="position: absolute;top: 94px;left: 56px;font-size: 126px;opacity: 0;" id="step2-n">N</p>
<p style="position: absolute;left: 55px;top: -31px;font-size: 126px;opacity: 0;" id="step2-clean">Clean</p>
@ -50,7 +50,7 @@
</div>
</div>
<div class="step" data-x="185" data-y="170" data-scale="0.08" id="step3">
<div class="step" data-x="185" data-y="170" data-z="0" data-scale="0.08" id="step3">
<p style="position: absolute;font-size: 120px;top: 191px;left: 24px;opacity: 0;background-color: rgb(255 255 255 / 0.5);padding-top: 112.5px;border-radius: 60px 120px;width: 960px;height: 315px;" id="step3-cc">Clean Carrier</p>
<div id="step3-carrier-translation" style="position: absolute;top: 410px;left: 450px;font-size: 32px;color: darkviolet;opacity: 0;">
<p>____________________________</p>
@ -71,7 +71,7 @@
<p style="position: absolute;font-size: 36px;width: 900px;top: 364px;background-color: rgb(255 255 255 / 0.98);border-radius: 64px 128px;padding: 32px;opacity: 0;" id="step5-announcement">The UK government announced in July that all the UK's mobile providers were being banned from buying new Huawei 5G equipment after 31 December, and must also remove all the Chinese firm's 5G kit from their networks by 2027.</p>
</div>
<div class="step" data-x="-350" data-y="0" data-scale="0.5" id="step6">
<div class="step" data-x="-350" data-y="0" data-z="0" data-scale="0.5" id="step6">
<div style="position: absolute;right: 0px;bottom: 12px;font-size: 96px;line-height: 112px;opacity: 0;" id="step6-badtime">
<p>a</p>
<p>bad</p>
@ -79,19 +79,19 @@
</div>
</div>
<div class="step" data-x="-350" data-y="0" data-rotate-y="-180" data-scale="0.5" id="step7">
<div class="step" data-x="-350" data-y="0" data-z="0" data-rotate-y="-180" data-scale="0.5" id="step7">
<div style="position: absolute;left: 0px;bottom: 12px;font-size: 96px;line-height: 112px;transform: rotateY(180deg);opacity: 0;" id="step7-badtime">
<p>bad</p>
<p>time</p>
</div>
</div>
<div class="step" data-x="-350" data-y="165" data-rotate-y="-180" data-scale="0.5" id="step8">
<div class="step" data-x="-350" data-y="165" data-z="0" data-rotate-y="-180" data-scale="0.5" id="step8">
<img src="assets/dji-logo.png" alt="dji-logo" style="margin: auto;opacity: 0;" id="step8-logo">
<p style="position: absolute;font-size: 300px;color: orangered;top: 90px;right: 50px;transform: rotateZ(45deg);opacity: 0;" id="step8-ques">?</p>
</div>
<div class="step" data-x="-350" data-y="165" data-rotate-y="-180" data-scale="0.28">
<div class="step" data-x="-350" data-y="165" data-z="0" data-rotate-y="-180" data-scale="0.28">
<img src="assets/white-house.png" alt="white-house" style="height: 200px;margin: auto;margin-left: 0px;margin-top: 70px;opacity: 0;" id="step9-wh">
<p style="position:absolute;background-color: rgb(255 255 255 / 0.5);border-radius: 16px 32px;padding: 16px;top: 160px;left: 360px;opacity: 0;" id="step9-wh-dia">We will raise your tariff</p>
<p style="position:absolute;background-color: rgb(255 255 255 / 0.5);border-radius: 32px 16px;padding: 16px;width: 500px;top: 460px;left: 50px;opacity: 0;" id="step9-dji-dia">Let's raise the price by 13% then</p>

2
src/package.json

@ -1,6 +1,6 @@
{
"name": "nokia_5g_ppt",
"version": "1.2.3",
"version": "1.2.4",
"description": "Nokia 5G PPT for duty report",
"main": "main.js",
"build": {

Loading…
Cancel
Save