More actions
No edit summary |
No edit summary |
||
| Line 53: | Line 53: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="card-container"> | <div class="card-container" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 20px; box-sizing: border-box; justify-items: center; align-items: center; width: 100%; max-width: 1000px; margin: 0 auto;"> | ||
<div class="card> | <div class="card" style="background-color: rgba(0, 0, 0, 0.1); color: black; width: 480px; height: 380px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); position: relative; cursor: pointer; overflow: hidden;"> | ||
<div class="card-inner"> | <div class="card-inner" style="width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.6s ease-in-out; position: relative;"> | ||
<div class="card-front"> | <div class="card-front" style="position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box;"> | ||
<!-- Front content --> | <!-- Front content --> | ||
<div class="card-content"> | <div class="card-content"> | ||
| Line 63: | Line 63: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="card-back"> | <div class="card-back" style="position: absolute; width: 100%; height: 100%; backface-visibility: hidden; transform: rotateY(180deg); display: flex; flex-direction: row; gap: 10px; justify-content: flex-start; align-items: center;"> | ||
<!-- Back content --> | <!-- Back content --> | ||
<div class="text-box"> | <div class="text-box" style="background-color: rgba(0, 0, 0, 0.1); width: 90%; padding: 10px; border-radius: 8px; border: 1px solid #ccc; text-align: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex; flex-direction: row; gap: 10px; justify-content: flex-start; align-items: center;"> | ||
<div class="sub-panel">[[Dying Light 2:Stay Human Modding Guides|Dying Light 2: Stay Human]]</div> | <div class="sub-panel" style="background-color: rgba(0, 0, 0, 0.1); font-size: 16px; color: white; width: 150px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; text-align: center; cursor: pointer; transition: transform 0.3s ease, background-color 0.3s ease;">[[Dying Light 2:Stay Human Modding Guides|Dying Light 2: Stay Human]]</div> | ||
<div class="sub-panel">Dying Light:The Beast(coming soon!)</div> | <div class="sub-panel" style="background-color: rgba(0, 0, 0, 0.1); font-size: 16px; color: white; width: 150px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; text-align: center; cursor: pointer; transition: transform 0.3s ease, background-color 0.3s ease;">Dying Light:The Beast(coming soon!)</div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 73: | Line 73: | ||
</div> | </div> | ||
</div> | </div> | ||
new cards vertical | new cards vertical | ||
Revision as of 08:11, 30 December 2024
👋 Welcome to the
Chrome Engine Modding Wiki
Hello everyone, Welcome to the one and only true Chrome Engine Modding Wiki. This wiki will teach you a lot about using mods, making mods, knowledge of the file formats the games use, etc.
reworked cards should work
Chrome Engine 3-4
new cards vertical