Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*! jQuery.Flipster, v1.0.1 (built 2015-11-02) */
- .flipster {
- display: block;
- overflow-x: hidden;
- overflow-y: visible;
- position: relative;
- }
- .flipster:focus {
- outline: none;
- }
- .flipster__container,.flipster__item {
- margin: 0;
- padding: 0;
- list-style-type: none;
- position: relative;
- }
- .flipster__container {
- display: block;
- white-space: nowrap;
- word-spacing: -.25em;
- transform-origin: 50% 50%;
- backface-visibility: hidden;
- }
- .flipster__item {
- display: inline-block;
- white-space: normal;
- word-spacing: normal;
- vertical-align: bottom;
- }
- .flipster--click .flipster__item--past,.flipster--click .flipster__item--future {
- cursor: pointer;
- }
- .flipster__item img {
- max-width: 100%;
- }
- .flipster__button {
- position: absolute;
- top: 50%;
- display: block;
- appearance: none;
- background: none;
- border: none;
- padding: 0;
- z-index: 999;
- cursor: pointer;
- font-size: 15px;
- opacity: .5;
- transition: opacity 500ms ease;
- margin: -1em 2em;
- }
- .flipster__button svg {
- width: 2em;
- stroke: currentColor;
- fill: transparent;
- stroke-width: 3;
- stroke-linecap: round;
- }
- .flipster__button:hover,.flipster__button:focus {
- opacity: 1;
- }
- .flipster__button--prev {
- left: 0;
- }
- .flipster__button--next {
- right: 0;
- }
- .flipster--coverflow .flipster__container,.flipster--coverflow .flipster__item,.flipster--coverflow .flipster__item__content {
- transition: all 350ms ease-in-out;
- transition-timing-function: cubic-bezier(.56,.12,.12,.98);
- }
- .flipster--coverflow .flipster__item {
- perspective: 800px;
- }
- .flipster--coverflow .flipster__container {
- padding-bottom: 5%;
- }
- .flipster--coverflow .flipster__item__content {
- transform-origin: 50% 100%;
- box-reflect: below 0 -webkit-gradient(linear,left bottom,left top,color-stop(.05,rgba(255,255,255,0.12)),color-stop(.2,transparent));
- -webkit-box-reflect: below 0 -webkit-gradient(linear,left bottom,left top,color-stop(.05,rgba(255,255,255,0.12)),color-stop(.2,transparent));
- }
- .flipster--coverflow .flipster__item__content img:only-child {
- display: block;
- }
- .flipster--coverflow .flipster__item--past .flipster__item__content {
- transform-origin: 0 50%;
- transform: scale(.75) rotateY(55deg);
- }
- .flipster--coverflow .flipster__item--future .flipster__item__content {
- transform-origin: 100% 50%;
- transform: scale(.75) rotateY(-55deg);
- }
- .flipster--coverflow .flip-current .flipster__item__content {
- transform: rotateY(0deg);
- }
- .flipster--flat .flipster__container,.flipster--flat .flipster__item,.flipster--flat .flipster__item__content {
- transition: all 400ms ease-in-out;
- }
- .flipster--flat .flipster__item--past,.flipster--flat .flipster__item--future {
- }
- .flipster--flat .flipster__item--past .flipster__item__content {
- transform: scale(.75);
- }
- .flipster--flat .flipster__item--future .flipster__item__content {
- transform: scale(.75);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement