WordPress.org
Get WordPress

Plugin Directory

Changeset 1719693


Ignore:
Timestamp:
08/26/2017 06:23:07 AM (9 years ago)
Author:
lythium92
Message:

bugfix css

Location:
featured-lyth-slide
Files:
32 added
4 edited

Legend:

Unmodified
Added
Removed

  • featured-lyth-slide/trunk/LSlide_main.php

    r1719502 r1719693  
    44Plugin URI:
    55Description: Easy to use WordPress slide plugin for featured post with thumbnail and nice Breaking animation.
    6 Version: 1.1
     6Version: 1.1.1
    77Author: Lythium
    88Author URI: https://www.lythium.fr

  • featured-lyth-slide/trunk/README.txt

    r1719502 r1719693  
    44Requires at least: 4.7
    55Tested up to: 4.8
    6 Stable tag: 1.1
     6Stable tag: 1.1.1
    77License: GPLv2 or later
    88License URI: https://www.gnu.org/licenses/gpl-2.0.html
    … …  
    5757= 1.1 =
    5858* bugfix chrome & update script
     59= 1.1.1 =
     60* bugfix css

  • featured-lyth-slide/trunk/css/LSlide_style_front.css

    r1719502 r1719693  
    11@charset "UTF-8";
    22
    3 .slideApo {
     3.sliderApo {
    44    width: 100%;
    55    height: auto;
    … …  
    77    overflow: hidden;
    88}
    9 .container-slideApo {
     9.sliderApo .container-slideApo {
    1010    position: relative;
    1111    width: 100%;
    … …  
    2323    border: 2px solid #555;
    2424}
    25 .list-slideApo {
     25.sliderApo .list-slideApo {
    2626    display: -webkit-box;
    2727    display: -ms-flexbox;
    … …  
    3939    overflow: hidden;
    4040}
    41 .list-item-sliderApo {
     41.sliderApo .list-item-sliderApo {
    4242    display: none;
    4343    -webkit-box-orient: horizontal;
    … …  
    5151    width: 100%;
    5252}
    53 .content-item {
     53.sliderApo .content-item {
    5454    width: 33.33%;
    5555    display: -webkit-box;
    … …  
    6868
    6969}
    70 .content-item .item-title {
     70.sliderApo .content-item .item-title {
    7171    margin: 4px 0;
    7272    text-align: center;
    7373    display: none;
    7474}
    75 .content-item .item-title a {
     75.sliderApo .content-item .item-title a {
    7676    text-decoration: none!important;
    7777    text-transform: capitalize;
    … …  
    8282    text-align: center;
    8383}
    84 .current {
     84.sliderApo .current {
    8585    display: -webkit-box!important;
    8686    display: -ms-flexbox!important;
    8787    display: flex!important;
    8888}
    89 .content-item-list {
     89.sliderApo .content-item-list {
    9090    display: -webkit-box;
    9191    display: -ms-flexbox;
    … …  
    101101    box-shadow: none!important;
    102102}
    103 .content-item-list .item-list {
     103.sliderApo .content-item-list .item-list {
    104104    overflow: hidden;
    105105    position: relative;
    … …  
    107107    height: 50px;
    108108}
    109 .content-item-list .item-list img {
     109.sliderApo .content-item-list .item-list img {
    110110    width: 150px!important;
    111111    height: 150px!important;
    … …  
    115115}
    116116@media all and (max-width: 480px) {
    117     .container-slideApo {
     117    .sliderApo .container-slideApo {
    118118        height: 150px;
    119119    }
    120     .container-slideApo .item-title a {
     120    .sliderApo .container-slideApo .item-title a {
    121121        font-size: 18px!important;
    122122    }
    123     .arrow-slide {
     123    .sliderApo .arrow-slide {
    124124        height: 148px!important;
    125125    }
    126     .content-item-list .item-list{
     126    .sliderApo .content-item-list .item-list{
    127127        width: 100px;
    128128        height: 33.33px;
    129129    }
    130     .content-item-list .item-list img {
     130    .sliderApo .content-item-list .item-list img {
    131131        width: 100px!important;
    132132        height: 100px!important;
    133133    }
    134     .content-item-list .item-image2 img {
     134    .sliderApo .content-item-list .item-image2 img {
    135135        top: -33.33px!important;
    136136    }
    137137}
    138 .content-item-list .item-image1 img {
     138.sliderApo .content-item-list .item-image1 img {
    139139    top: 0;
    140140    left: 0;
    141141}
    142 .content-item-list .item-image2 {
     142.sliderApo .content-item-list .item-image2 {
    143143    margin-top: -1px;
    144144}
    145 .content-item-list .item-image2 img {
     145.sliderApo .content-item-list .item-image2 img {
    146146    top: -50px;
    147147    left: 0;
    148148}
    149 .content-item-list .item-image3 {
     149.sliderApo .content-item-list .item-image3 {
    150150    margin-top: -1px;
    151151}
    152 .content-item-list .item-image3 img {
     152.sliderApo .content-item-list .item-image3 img {
    153153    bottom: 0;
    154154    left: 0;
    155155}
    156 .arrowAction {
     156.sliderApo .arrowAction {
    157157    position:  absolute;
    158158    width: 100%;
    … …  
    172172    pointer-events: none;
    173173}
    174 .arrow-slide {
     174.sliderApo .arrow-slide {
    175175    width: 20px;
    176176    height: 198px;
    … …  
    190190    pointer-events: painted;
    191191}
    192 .arrow-slide:hover {
     192.sliderApo .arrow-slide:hover {
    193193    background-color: rgba(0, 0, 0, 0.8);
    194194}
    195195/*Animation*/
    196 .animated {
     196.sliderApo .animated {
    197197    -webkit-animation-duration: 1s;
    198198    animation-duration: 1s;
    … …  
    201201}
    202202
    203 .animated.infinite {
     203.sliderApo .animated.infinite {
    204204    -webkit-animation-iteration-count: infinite;
    205205    animation-iteration-count: infinite;
    206206}
    207207
    208 .animated.hinge {
     208.sliderApo .animated.hinge {
    209209    -webkit-animation-duration: 2s;
    210210    animation-duration: 2s;
    211211}
    212212
    213 .animated.flipOutX,
    214 .animated.flipOutY,
    215 .animated.bounceIn,
    216 .animated.bounceOut {
     213.sliderApo .animated.flipOutX,
     214.sliderApo .animated.flipOutY,
     215.sliderApo .animated.bounceIn,
     216.sliderApo .animated.bounceOut {
    217217    -webkit-animation-duration: .75s;
    218218    animation-duration: .75s;
    … …  
    283283}
    284284
    285 .flipInX {
     285.sliderApo .flipInX {
    286286    -webkit-backface-visibility: visible !important;
    287287    backface-visibility: visible !important;
    … …  
    356356}
    357357
    358 .flipInY {
     358.sliderApo .flipInY {
    359359    -webkit-backface-visibility: visible !important;
    360360    backface-visibility: visible !important;
    … …  
    401401}
    402402
    403 .flipOutX {
     403.sliderApo .flipOutX {
    404404    -webkit-animation-name: flipOutX;
    405405    animation-name: flipOutX;
    … …  
    446446}
    447447
    448 .flipOutY {
     448.sliderApo .flipOutY {
    449449    -webkit-backface-visibility: visible !important;
    450450    backface-visibility: visible !important;

  • featured-lyth-slide/trunk/css/LSlide_style_front.min.css

    r1719502 r1719693  
    1 @charset "UTF-8";.slideApo{width:100%;height:auto;padding:4px 15px;overflow:hidden}.container-slideApo{position:relative;width:100%;height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:2px solid #555}.list-slideApo{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:0;padding:5px 10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.list-item-sliderApo{display:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-line-pack:center;align-content:center;width:100%}.content-item{width:33.33%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content-item .item-title{margin:4px 0;text-align:center;display:none}.content-item .item-title a{text-decoration:none!important;text-transform:capitalize;-webkit-box-shadow:none;box-shadow:none;font-size:24px;color:#000;text-align:center}.current{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.content-item-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:none!important;box-shadow:none!important}.content-item-list .item-list{overflow:hidden;position:relative;width:150px;height:50px}.content-item-list .item-list img{width:150px!important;height:150px!important;margin:0!important;padding:0!important;position:absolute}@media all and (max-width:480px){.container-slideApo{height:150px}.container-slideApo .item-title a{font-size:18px!important}.arrow-slide{height:148px!important}.content-item-list .item-list{width:100px;height:33.33px}.content-item-list .item-list img{width:100px!important;height:100px!important}.content-item-list .item-image2 img{top:-33.33px!important}}.content-item-list .item-image1 img{top:0;left:0}.content-item-list .item-image2{margin-top:-1px}.content-item-list .item-image2 img{top:-50px;left:0}.content-item-list .item-image3{margin-top:-1px}.content-item-list .item-image3 img{bottom:0;left:0}.arrowAction{position:absolute;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;pointer-events:none}.arrow-slide{width:20px;height:198px;background-color:rgba(0,0,0,0.5);display:-webkit-box;display:-ms-flexbox;display:flex;background-repeat:no-repeat;background-size:contain;background-position:center;-webkit-box-flex:.05;-ms-flex:.05;flex:.05;padding:40px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:painted}.arrow-slide:hover{background-color:rgba(0,0,0,0.8)}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
     1@charset "UTF-8";.sliderApo{width:100%;height:auto;padding:4px 15px;overflow:hidden}.sliderApo .container-slideApo{position:relative;width:100%;height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:2px solid #555}.sliderApo .list-slideApo{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:0;padding:5px 10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.sliderApo .list-item-sliderApo{display:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-line-pack:center;align-content:center;width:100%}.sliderApo .content-item{width:33.33%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sliderApo .content-item .item-title{margin:4px 0;text-align:center;display:none}.sliderApo .content-item .item-title a{text-decoration:none!important;text-transform:capitalize;-webkit-box-shadow:none;box-shadow:none;font-size:24px;color:#000;text-align:center}.sliderApo .current{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.sliderApo .content-item-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:none!important;box-shadow:none!important}.sliderApo .content-item-list .item-list{overflow:hidden;position:relative;width:150px;height:50px}.sliderApo .content-item-list .item-list img{width:150px!important;height:150px!important;margin:0!important;padding:0!important;position:absolute}@media all and (max-width:480px){.sliderApo .container-slideApo{height:150px}.sliderApo .container-slideApo .item-title a{font-size:18px!important}.sliderApo .arrow-slide{height:148px!important}.sliderApo .content-item-list .item-list{width:100px;height:33.33px}.sliderApo .content-item-list .item-list img{width:100px!important;height:100px!important}.sliderApo .content-item-list .item-image2 img{top:-33.33px!important}}.sliderApo .content-item-list .item-image1 img{top:0;left:0}.sliderApo .content-item-list .item-image2{margin-top:-1px}.sliderApo .content-item-list .item-image2 img{top:-50px;left:0}.sliderApo .content-item-list .item-image3{margin-top:-1px}.sliderApo .content-item-list .item-image3 img{bottom:0;left:0}.sliderApo .arrowAction{position:absolute;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;pointer-events:none}.sliderApo .arrow-slide{width:20px;height:198px;background-color:rgba(0,0,0,0.5);display:-webkit-box;display:-ms-flexbox;display:flex;background-repeat:no-repeat;background-size:contain;background-position:center;-webkit-box-flex:.05;-ms-flex:.05;flex:.05;padding:40px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:painted}.sliderApo .arrow-slide:hover{background-color:rgba(0,0,0,0.8)}.sliderApo .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sliderApo .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.sliderApo .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.sliderApo .animated.flipOutX,.sliderApo .animated.flipOutY,.sliderApo .animated.bounceIn,.sliderApo .animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.sliderApo .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.sliderApo .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.sliderApo .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.sliderApo .flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
Note: See TracChangeset for help on using the changeset viewer.