Is it too much for swiper & react native? List Transition with Z dimension

I wanted to style my application with list transition like on this gif.. (i cannot show the image on github because of the size)

https://d13yacurqjgara.cloudfront.net/users/699467/screenshots/2865823/2.gif

I wrote the code on CSS but the thing is I cannot copy that to React Native because it doesn't support "translateZ". So my question is; is it possible to do this on react native with swiper? Or is it too much for it?

I also added example code on CSS/HTML.

#viewport {
  background: darkblue;
   position:fixed;
   -webkit-perspective:100px;
   -webkit-perspective-origin:50% 50%;
   border: 2px solid black;
   height: 300px;
   width: 300px;
   left:50%;
   margin-left:-200px;
  }

.div1, .div2, .div3 {
   position:absolute;
   width:80px;
   height:150px;
   left:50%;
   top:50%;
   margin-left:-40px;
   margin-top:-75px;
   background: white;
   border: 1px solid black;
   border-radius: 10px;
}

.div1 {
  transform: translateZ(-20px) translateY(-26px);
  opacity: 0.3;
}

.div2 {
  transform: translateZ(-10px) translateY(-13px);
  opacity: 0.7;
}

.div3 {
  transform: translateZ(0px) translateY(0);
}

<div id="viewport">
  <div class="div1">.</div>
  <div class="div2">.</div>
  <div class="div3">.</div>
</div>

for example and stack overflow topic;
https://stackoverflow.com/questions/42406386/is-it-too-much-for-react-native-list-transition-with-z-dimension

Start with the CSS/HTML example in the issue and the linked Stack Overflow discussion; no repository file or test is identified. Determine whether the requested translateZ-style list transition fits React Native Swiper, with a documented supported approach or a clearly stated limitation as the completion criterion.