Adding portal animation to cube

This commit is contained in:
Dan 2026-01-08 09:17:23 +00:00
parent ae073fddce
commit 832bf2d34d
4 changed files with 191 additions and 44 deletions

View file

@ -1,20 +1,41 @@
<div class="companion-cube-container">
<div class="companion-cube-face">
<div class="portal-icon">
<div class="portal blue-portal"></div>
<div class="portal orange-portal"></div>
</div>
<div class="cube-one">
<div class="companion-cube-face">
<div class="grey-bar horizontal-top"></div>
<div class="grey-bar horizontal-bottom"></div>
<div class="grey-bar vertical-left"></div>
<div class="grey-bar vertical-right"></div>
<div class="grey-bar horizontal-top"></div>
<div class="grey-bar horizontal-bottom"></div>
<div class="grey-bar vertical-left"></div>
<div class="grey-bar vertical-right"></div>
<div class="cube-center-circle">
<div class="pink-bar vertical"></div>
<div class="pink-bar horizontal"></div>
<div class="center-inner-ring"></div>
<div class="cube-center-circle">
<div class="heart-icon">♥︎</div>
</div>
</div>
</div>
<div class="pink-bar vertical"></div>
<div class="pink-bar horizontal"></div>
<div class="center-inner-ring"></div>
<div class="cube-two">
<div class="companion-cube-face">
<div class="grey-bar horizontal-top"></div>
<div class="grey-bar horizontal-bottom"></div>
<div class="grey-bar vertical-left"></div>
<div class="grey-bar vertical-right"></div>
<div class="heart-icon">♥︎</div>
<div class="cube-center-circle">
<div class="pink-bar vertical"></div>
<div class="pink-bar horizontal"></div>
<div class="center-inner-ring"></div>
<div class="heart-icon">♥︎</div>
</div>
</div>
</div>
</div>