_carousel.css (629B)
1 /* These styles enhance the home page carousel, located here: themes/gohugoioTheme/layouts/partials/home-page-sections/showcase.html */
2 .overflow-x-scroll{
3 -webkit-overflow-scrolling: touch;
4 }
5 .row {
6 transition: 450ms transform;
7 font-size: 0;
8 }
9 .tile {
10 transition: 450ms all;
11 }
12 .details {
13 background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.9)), to(rgba(0,0,0,0)));
14 background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
15 transition: 450ms opacity;
16 }
17 .tile:hover .details {
18 opacity: 1;
19 }
20 .row:hover .tile {
21 opacity: 0.3;
22 }
23 .row:hover .tile:hover {
24 opacity: 1;
25 }