x

Project: Burning Princess

File Name: 016_c_c_hintergrund.jpg
File Location: proj/burning_princess/parallax/016_c_c_hintergrund.jpg
Data-depth: 0.16
Scale: 103.2%
Horizontal: center
Vertical: center
z-index = 20
id = parallax_hintergrund

Code:
<li>class="layer" id=parallax_hintergrund data-depth="0.16" style='width: 103.2%; height: 103.2%; z-index: 20; background-position: center center; background-image: url("proj/burning_princess/parallax/016_c_c_hintergrund.jpg");'</li>

Element Style:

<style>
 @media only screen and (max-width: 870px) {
  #parallax_hintergrund {
   background-image: url("proj/burning_princess/parallax/mobile_res/016_c_c_hintergrund.jpg") !important;
  }
 }
</style>




thumbnail of 016_c_c_hintergrund.jpg title=

File Name: 050_c_c_mittelgrund.png
File Location: proj/burning_princess/parallax/050_c_c_mittelgrund.png
Data-depth: 0.50
Scale: 110%
Horizontal: center
Vertical: center
z-index = 30
id = parallax_mittelgrund

Code:
<li>class="layer" id=parallax_mittelgrund data-depth="0.50" style='width: 110%; height: 110%; z-index: 30; background-position: center center; background-image: url("proj/burning_princess/parallax/050_c_c_mittelgrund.png");'</li>

Element Style:

<style>
 @media only screen and (max-width: 870px) {
  #parallax_mittelgrund {
   background-image: url("proj/burning_princess/parallax/mobile_res/050_c_c_mittelgrund.png") !important;
  }
 }
</style>




thumbnail of 050_c_c_mittelgrund.png title=

File Name: 063_r_t_vordergrund_1.png
File Location: proj/burning_princess/parallax/063_r_t_vordergrund_1.png
Data-depth: 0.63
Scale: 112.6%
Horizontal: right
Vertical: top
z-index = 40
id = parallax_vordergrund_1

Code:
<li>class="layer" id=parallax_vordergrund_1 data-depth="0.63" style='width: 112.6%; height: 112.6%; z-index: 40; background-position: right top; background-image: url("proj/burning_princess/parallax/063_r_t_vordergrund_1.png");'</li>

Element Style:

<style>
 @media only screen and (max-width: 870px) {
  #parallax_vordergrund_1 {
   background-image: url("proj/burning_princess/parallax/mobile_res/063_r_t_vordergrund_1.png") !important;
  }
 }
</style>




thumbnail of 063_r_t_vordergrund_1.png title=

File Name: 083_l_b_vordergrund_2.png
File Location: proj/burning_princess/parallax/083_l_b_vordergrund_2.png
Data-depth: 0.83
Scale: 116.6%
Horizontal: left
Vertical: bottom
z-index = 50
id = parallax_vordergrund_2

Code:
<li>class="layer" id=parallax_vordergrund_2 data-depth="0.83" style='width: 116.6%; height: 116.6%; z-index: 50; background-position: left bottom; background-image: url("proj/burning_princess/parallax/083_l_b_vordergrund_2.png");'</li>

Element Style:

<style>
 @media only screen and (max-width: 870px) {
  #parallax_vordergrund_2 {
   background-image: url("proj/burning_princess/parallax/mobile_res/083_l_b_vordergrund_2.png") !important;
  }
 }
</style>




thumbnail of 083_l_b_vordergrund_2.png title=

File Name: 100_c_c_vordergrund_3.png
File Location: proj/burning_princess/parallax/100_c_c_vordergrund_3.png
Data-depth: 1.00
Scale: 120%
Horizontal: center
Vertical: center
z-index = 60
id = parallax_vordergrund_3

Code:
<li>class="layer" id=parallax_vordergrund_3 data-depth="1.00" style='width: 120%; height: 120%; z-index: 60; background-position: center center; background-image: url("proj/burning_princess/parallax/100_c_c_vordergrund_3.png");'</li>

Element Style:

<style>
 @media only screen and (max-width: 870px) {
  #parallax_vordergrund_3 {
   background-image: url("proj/burning_princess/parallax/mobile_res/100_c_c_vordergrund_3.png") !important;
  }
 }
</style>




thumbnail of 100_c_c_vordergrund_3.png title=



Shown Projects:
Array ( [0] => burning_princess )