Kaydet (Commit) 207c06a5 authored tarafından Abdülkerim AKSAK's avatar Abdülkerim AKSAK

Oyun sonu overlay tasarımı.

üst e64b7278
......@@ -12,14 +12,25 @@
<div class="container-fluid">
<div id="overlay">
<div style="display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;">
<div style="display: flex; justify-content: center; align-items: center; height: 250px; width: 550px;flex-direction: column; background-image: linear-gradient(
to bottom,
#416e75,
#529290,
#6db7a6,
#94dbb5,
#c6ffc1
); border-radius: 20px;">
<div style="margin-bottom: 25px;"><p id="text" style="color:#ffe268;"></p></div>
<div>
<p id="text"></p>
</div>
<div style="position: absolute; top: 50%; left: 40%">
<button class="big-button" onclick="yenidenOyna()" style="font-size: 11px; width: 150px">
Yeniden Oyna
<button class="big-button" onclick="yenidenOyna()" style="font-size: 11px;width: 150px;">Yeniden
Oyna
</button>
</div>
</div>
</div>
</div>
</div>
<div id="overlayOda" onclick="overlayOff()">
<a href="../main.html"><img width="60" height="60" src="../assets/image/geri.png" alt="geri" style="margin-left: 15px;"></a>
......
This diff is collapsed.
......@@ -12,15 +12,24 @@
<body>
<div class="container-fluid">
<div id="overlay">
<div style="display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;">
<div style="display: flex; justify-content: center; align-items: center; height: 250px; width: 550px;flex-direction: column; background-image: linear-gradient(
to bottom,
#416e75,
#529290,
#6db7a6,
#94dbb5,
#c6ffc1
); border-radius: 20px;">
<div style="margin-bottom: 25px;"><p id="text" style="color:#ffe268;"></p></div>
<div>
<p id="text"></p>
</div>
<div style="position: absolute; top: 50%; left: 40%">
<button class="big-button" onclick="yenidenOyna()" style="font-size: 11px; width: 150px">
Yeniden Oyna
<button class="big-button" onclick="yenidenOyna()" style="font-size: 11px;width: 150px;">Yeniden
Oyna
</button>
</div>
</div>
</div>
</div>
<div class="row" style="margin: 0">
<div class="col-4">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment