Adding portal animation to cube
This commit is contained in:
parent
ae073fddce
commit
832bf2d34d
4 changed files with 191 additions and 44 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue