From d0441224a0d29250708097834841ce1c5735db65 Mon Sep 17 00:00:00 2001
From: Melissa Zhang <mzhang19096@gmail.com>
Date: Wed, 20 May 2020 02:14:58 -0700
Subject: added 3D perspective

---
 src/client/views/collections/CollectionCarousel3DView.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/client/views/collections/CollectionCarousel3DView.scss b/src/client/views/collections/CollectionCarousel3DView.scss
index c1260f899..7ae9dd2c6 100644
--- a/src/client/views/collections/CollectionCarousel3DView.scss
+++ b/src/client/views/collections/CollectionCarousel3DView.scss
@@ -1,6 +1,7 @@
 .collectionCarouselView-outer {
     background: white;
     height: 100%;
+    perspective: 30em;
 
     .test-button {
         position: absolute;
@@ -12,7 +13,7 @@
     .collectionCarouselView-image {
         position: absolute;
         height: 100%;
-        width: 60%;
+        width: 50%;
         top: 0;
         left: 0;
         right: 0;
@@ -24,17 +25,19 @@
     .collectionCarouselView-prev {
         position: absolute;
         height: 50%;
-        width: 30%;
+        width: 25%;
         left: 0;
         top: 25%;
+        transform: rotateY(-20deg)
     }
 
     .collectionCarouselView-next {
         position: absolute;
         height: 50%;
-        width: 30%;
+        width: 25%;
         right: 0;
         top: 25%;
+        transform: rotateY(20deg)
     }
 }
 
-- 
cgit v1.2.3-70-g09d2