balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

hover.css (10523B)

      1 /*!
      2  * Hover.css (http://ianlunn.github.io/Hover/)
      3  * Version: 2.0.2
      4  * Author: Ian Lunn @IanLunn
      5  * Author URL: http://ianlunn.co.uk/
      6  * Github: https://github.com/IanLunn/Hover
      7 
      8  * Made available under a MIT License:
      9  * http://www.opensource.org/licenses/mit-license.php
     10 
     11  * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
     12  */
     13 /* 2D TRANSITIONS */
     14 /* Grow */
     15 .elementor-animation-grow {
     16   transition-duration: 0.3s;
     17   transition-property: transform;
     18 }
     19 .elementor-animation-grow:hover {
     20   transform: scale(1.1);
     21 }
     22 
     23 /* Shrink */
     24 .elementor-animation-shrink {
     25   transition-duration: 0.3s;
     26   transition-property: transform;
     27 }
     28 .elementor-animation-shrink:hover {
     29   transform: scale(0.9);
     30 }
     31 
     32 /* Pulse */
     33 @keyframes elementor-animation-pulse {
     34   25% {
     35     transform: scale(1.1);
     36   }
     37   75% {
     38     transform: scale(0.9);
     39   }
     40 }
     41 .elementor-animation-pulse:hover {
     42   animation-name: elementor-animation-pulse;
     43   animation-duration: 1s;
     44   animation-timing-function: linear;
     45   animation-iteration-count: infinite;
     46 }
     47 
     48 /* Pulse Grow */
     49 @keyframes elementor-animation-pulse-grow {
     50   to {
     51     transform: scale(1.1);
     52   }
     53 }
     54 .elementor-animation-pulse-grow:hover {
     55   animation-name: elementor-animation-pulse-grow;
     56   animation-duration: 0.3s;
     57   animation-timing-function: linear;
     58   animation-iteration-count: infinite;
     59   animation-direction: alternate;
     60 }
     61 
     62 /* Pulse Shrink */
     63 @keyframes elementor-animation-pulse-shrink {
     64   to {
     65     transform: scale(0.9);
     66   }
     67 }
     68 .elementor-animation-pulse-shrink:hover {
     69   animation-name: elementor-animation-pulse-shrink;
     70   animation-duration: 0.3s;
     71   animation-timing-function: linear;
     72   animation-iteration-count: infinite;
     73   animation-direction: alternate;
     74 }
     75 
     76 /* Push */
     77 @keyframes elementor-animation-push {
     78   50% {
     79     transform: scale(0.8);
     80   }
     81   100% {
     82     transform: scale(1);
     83   }
     84 }
     85 .elementor-animation-push:hover {
     86   animation-name: elementor-animation-push;
     87   animation-duration: 0.3s;
     88   animation-timing-function: linear;
     89   animation-iteration-count: 1;
     90 }
     91 
     92 /* Pop */
     93 @keyframes elementor-animation-pop {
     94   50% {
     95     transform: scale(1.2);
     96   }
     97 }
     98 .elementor-animation-pop:hover {
     99   animation-name: elementor-animation-pop;
    100   animation-duration: 0.3s;
    101   animation-timing-function: linear;
    102   animation-iteration-count: 1;
    103 }
    104 
    105 /* Bounce In */
    106 .elementor-animation-bounce-in {
    107   transition-duration: 0.5s;
    108 }
    109 .elementor-animation-bounce-in:hover {
    110   transform: scale(1.2);
    111   transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    112 }
    113 
    114 /* Bounce Out */
    115 .elementor-animation-bounce-out {
    116   transition-duration: 0.5s;
    117 }
    118 .elementor-animation-bounce-out:hover {
    119   transform: scale(0.8);
    120   transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    121 }
    122 
    123 /* Rotate */
    124 .elementor-animation-rotate {
    125   transition-duration: 0.3s;
    126   transition-property: transform;
    127 }
    128 .elementor-animation-rotate:hover {
    129   transform: rotate(4deg);
    130 }
    131 
    132 /* Grow Rotate */
    133 .elementor-animation-grow-rotate {
    134   transition-duration: 0.3s;
    135   transition-property: transform;
    136 }
    137 .elementor-animation-grow-rotate:hover {
    138   transform: scale(1.1) rotate(4deg);
    139 }
    140 
    141 /* Float */
    142 .elementor-animation-float {
    143   transition-duration: 0.3s;
    144   transition-property: transform;
    145   transition-timing-function: ease-out;
    146 }
    147 .elementor-animation-float:hover {
    148   transform: translateY(-8px);
    149 }
    150 
    151 /* Sink */
    152 .elementor-animation-sink {
    153   transition-duration: 0.3s;
    154   transition-property: transform;
    155   transition-timing-function: ease-out;
    156 }
    157 .elementor-animation-sink:hover {
    158   transform: translateY(8px);
    159 }
    160 
    161 /* Bob */
    162 @keyframes elementor-animation-bob {
    163   0% {
    164     transform: translateY(-8px);
    165   }
    166   50% {
    167     transform: translateY(-4px);
    168   }
    169   100% {
    170     transform: translateY(-8px);
    171   }
    172 }
    173 @keyframes elementor-animation-bob-float {
    174   100% {
    175     transform: translateY(-8px);
    176   }
    177 }
    178 .elementor-animation-bob:hover {
    179   animation-name: elementor-animation-bob-float, elementor-animation-bob;
    180   animation-duration: .3s, 1.5s;
    181   animation-delay: 0s, .3s;
    182   animation-timing-function: ease-out, ease-in-out;
    183   animation-iteration-count: 1, infinite;
    184   animation-fill-mode: forwards;
    185   animation-direction: normal, alternate;
    186 }
    187 
    188 /* Hang */
    189 @keyframes elementor-animation-hang {
    190   0% {
    191     transform: translateY(8px);
    192   }
    193   50% {
    194     transform: translateY(4px);
    195   }
    196   100% {
    197     transform: translateY(8px);
    198   }
    199 }
    200 @keyframes elementor-animation-hang-sink {
    201   100% {
    202     transform: translateY(8px);
    203   }
    204 }
    205 .elementor-animation-hang:hover {
    206   animation-name: elementor-animation-hang-sink, elementor-animation-hang;
    207   animation-duration: .3s, 1.5s;
    208   animation-delay: 0s, .3s;
    209   animation-timing-function: ease-out, ease-in-out;
    210   animation-iteration-count: 1, infinite;
    211   animation-fill-mode: forwards;
    212   animation-direction: normal, alternate;
    213 }
    214 
    215 /* Skew */
    216 .elementor-animation-skew {
    217   transition-duration: 0.3s;
    218   transition-property: transform;
    219 }
    220 .elementor-animation-skew:hover {
    221   transform: skew(-10deg);
    222 }
    223 
    224 /* Skew Forward */
    225 .elementor-animation-skew-forward {
    226   transition-duration: 0.3s;
    227   transition-property: transform;
    228   transform-origin: 0 100%;
    229 }
    230 .elementor-animation-skew-forward:hover {
    231   transform: skew(-10deg);
    232 }
    233 
    234 /* Skew Backward */
    235 .elementor-animation-skew-backward {
    236   transition-duration: 0.3s;
    237   transition-property: transform;
    238   transform-origin: 0 100%;
    239 }
    240 .elementor-animation-skew-backward:hover {
    241   transform: skew(10deg);
    242 }
    243 
    244 /* Wobble Vertical */
    245 @keyframes elementor-animation-wobble-vertical {
    246   16.65% {
    247     transform: translateY(8px);
    248   }
    249   33.3% {
    250     transform: translateY(-6px);
    251   }
    252   49.95% {
    253     transform: translateY(4px);
    254   }
    255   66.6% {
    256     transform: translateY(-2px);
    257   }
    258   83.25% {
    259     transform: translateY(1px);
    260   }
    261   100% {
    262     transform: translateY(0);
    263   }
    264 }
    265 .elementor-animation-wobble-vertical:hover {
    266   animation-name: elementor-animation-wobble-vertical;
    267   animation-duration: 1s;
    268   animation-timing-function: ease-in-out;
    269   animation-iteration-count: 1;
    270 }
    271 
    272 /* Wobble Horizontal */
    273 @keyframes elementor-animation-wobble-horizontal {
    274   16.65% {
    275     transform: translateX(8px);
    276   }
    277   33.3% {
    278     transform: translateX(-6px);
    279   }
    280   49.95% {
    281     transform: translateX(4px);
    282   }
    283   66.6% {
    284     transform: translateX(-2px);
    285   }
    286   83.25% {
    287     transform: translateX(1px);
    288   }
    289   100% {
    290     transform: translateX(0);
    291   }
    292 }
    293 .elementor-animation-wobble-horizontal:hover {
    294   animation-name: elementor-animation-wobble-horizontal;
    295   animation-duration: 1s;
    296   animation-timing-function: ease-in-out;
    297   animation-iteration-count: 1;
    298 }
    299 
    300 /* Wobble To Bottom Right */
    301 @keyframes elementor-animation-wobble-to-bottom-right {
    302   16.65% {
    303     transform: translate(8px, 8px);
    304   }
    305   33.3% {
    306     transform: translate(-6px, -6px);
    307   }
    308   49.95% {
    309     transform: translate(4px, 4px);
    310   }
    311   66.6% {
    312     transform: translate(-2px, -2px);
    313   }
    314   83.25% {
    315     transform: translate(1px, 1px);
    316   }
    317   100% {
    318     transform: translate(0, 0);
    319   }
    320 }
    321 .elementor-animation-wobble-to-bottom-right:hover {
    322   animation-name: elementor-animation-wobble-to-bottom-right;
    323   animation-duration: 1s;
    324   animation-timing-function: ease-in-out;
    325   animation-iteration-count: 1;
    326 }
    327 
    328 /* Wobble To Top Right */
    329 @keyframes elementor-animation-wobble-to-top-right {
    330   16.65% {
    331     transform: translate(8px, -8px);
    332   }
    333   33.3% {
    334     transform: translate(-6px, 6px);
    335   }
    336   49.95% {
    337     transform: translate(4px, -4px);
    338   }
    339   66.6% {
    340     transform: translate(-2px, 2px);
    341   }
    342   83.25% {
    343     transform: translate(1px, -1px);
    344   }
    345   100% {
    346     transform: translate(0, 0);
    347   }
    348 }
    349 .elementor-animation-wobble-to-top-right:hover {
    350   animation-name: elementor-animation-wobble-to-top-right;
    351   animation-duration: 1s;
    352   animation-timing-function: ease-in-out;
    353   animation-iteration-count: 1;
    354 }
    355 
    356 /* Wobble Top */
    357 @keyframes elementor-animation-wobble-top {
    358   16.65% {
    359     transform: skew(-12deg);
    360   }
    361   33.3% {
    362     transform: skew(10deg);
    363   }
    364   49.95% {
    365     transform: skew(-6deg);
    366   }
    367   66.6% {
    368     transform: skew(4deg);
    369   }
    370   83.25% {
    371     transform: skew(-2deg);
    372   }
    373   100% {
    374     transform: skew(0);
    375   }
    376 }
    377 .elementor-animation-wobble-top {
    378   transform-origin: 0 100%;
    379 }
    380 .elementor-animation-wobble-top:hover {
    381   animation-name: elementor-animation-wobble-top;
    382   animation-duration: 1s;
    383   animation-timing-function: ease-in-out;
    384   animation-iteration-count: 1;
    385 }
    386 
    387 /* Wobble Bottom */
    388 @keyframes elementor-animation-wobble-bottom {
    389   16.65% {
    390     transform: skew(-12deg);
    391   }
    392   33.3% {
    393     transform: skew(10deg);
    394   }
    395   49.95% {
    396     transform: skew(-6deg);
    397   }
    398   66.6% {
    399     transform: skew(4deg);
    400   }
    401   83.25% {
    402     transform: skew(-2deg);
    403   }
    404   100% {
    405     transform: skew(0);
    406   }
    407 }
    408 .elementor-animation-wobble-bottom {
    409   transform-origin: 100% 0;
    410 }
    411 .elementor-animation-wobble-bottom:hover {
    412   animation-name: elementor-animation-wobble-bottom;
    413   animation-duration: 1s;
    414   animation-timing-function: ease-in-out;
    415   animation-iteration-count: 1;
    416 }
    417 
    418 /* Wobble Skew */
    419 @keyframes elementor-animation-wobble-skew {
    420   16.65% {
    421     transform: skew(-12deg);
    422   }
    423   33.3% {
    424     transform: skew(10deg);
    425   }
    426   49.95% {
    427     transform: skew(-6deg);
    428   }
    429   66.6% {
    430     transform: skew(4deg);
    431   }
    432   83.25% {
    433     transform: skew(-2deg);
    434   }
    435   100% {
    436     transform: skew(0);
    437   }
    438 }
    439 .elementor-animation-wobble-skew:hover {
    440   animation-name: elementor-animation-wobble-skew;
    441   animation-duration: 1s;
    442   animation-timing-function: ease-in-out;
    443   animation-iteration-count: 1;
    444 }
    445 
    446 /* Buzz */
    447 @keyframes elementor-animation-buzz {
    448   50% {
    449     transform: translateX(3px) rotate(2deg);
    450   }
    451   100% {
    452     transform: translateX(-3px) rotate(-2deg);
    453   }
    454 }
    455 .elementor-animation-buzz:hover {
    456   animation-name: elementor-animation-buzz;
    457   animation-duration: 0.15s;
    458   animation-timing-function: linear;
    459   animation-iteration-count: infinite;
    460 }
    461 
    462 /* Buzz Out */
    463 @keyframes elementor-animation-buzz-out {
    464   10% {
    465     transform: translateX(3px) rotate(2deg);
    466   }
    467   20% {
    468     transform: translateX(-3px) rotate(-2deg);
    469   }
    470   30% {
    471     transform: translateX(3px) rotate(2deg);
    472   }
    473   40% {
    474     transform: translateX(-3px) rotate(-2deg);
    475   }
    476   50% {
    477     transform: translateX(2px) rotate(1deg);
    478   }
    479   60% {
    480     transform: translateX(-2px) rotate(-1deg);
    481   }
    482   70% {
    483     transform: translateX(2px) rotate(1deg);
    484   }
    485   80% {
    486     transform: translateX(-2px) rotate(-1deg);
    487   }
    488   90% {
    489     transform: translateX(1px) rotate(0);
    490   }
    491   100% {
    492     transform: translateX(-1px) rotate(0);
    493   }
    494 }
    495 .elementor-animation-buzz-out:hover {
    496   animation-name: elementor-animation-buzz-out;
    497   animation-duration: 0.75s;
    498   animation-timing-function: linear;
    499   animation-iteration-count: 1;
    500 }
    501 
    502 /*# sourceMappingURL=hover.css.map */