aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/CollectionCarousel3DView.scss
diff options
context:
space:
mode:
authorMelissa Zhang <mzhang19096@gmail.com>2020-05-20 23:04:09 -0700
committerMelissa Zhang <mzhang19096@gmail.com>2020-05-20 23:04:09 -0700
commit210ce6f29e1674d4e2af893a9c5c995506e0c4b7 (patch)
tree1a634356a28873c6b0af267ee2c8f4c11b0bf549 /src/client/views/collections/CollectionCarousel3DView.scss
parentd0441224a0d29250708097834841ce1c5735db65 (diff)
eliminated prev/next buttons, add caption by clicking on image
Diffstat (limited to 'src/client/views/collections/CollectionCarousel3DView.scss')
-rw-r--r--src/client/views/collections/CollectionCarousel3DView.scss6
1 files changed, 6 insertions, 0 deletions
diff --git a/src/client/views/collections/CollectionCarousel3DView.scss b/src/client/views/collections/CollectionCarousel3DView.scss
index 7ae9dd2c6..25d1df2f4 100644
--- a/src/client/views/collections/CollectionCarousel3DView.scss
+++ b/src/client/views/collections/CollectionCarousel3DView.scss
@@ -20,6 +20,8 @@
bottom: 0;
margin: auto;
user-select: none;
+ transition: transform 0.5s;
+ transform-style: preserve-3d;
}
.collectionCarouselView-prev {
@@ -65,4 +67,8 @@
.carouselView-back:hover,
.carouselView-fwd:hover {
background: lightgray;
+}
+
+.carouselView-fwd:hover~.collectionCarouselView-image {
+ transform: translateX(50px)
} \ No newline at end of file