quasar 2.13.0 → 2.14.0

package/dist/quasar.css

@@ -2174,8 +2174,7 @@ body.q-ios-padding .q-dialog__inner > div {
   line-height: 1;
   color: rgba(0, 0, 0, 0.54);
   padding: 8px 12px 0;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 .q-field__bottom--animated {
   transform: translateY(100%);
@@ -2325,8 +2324,7 @@ body.q-ios-padding .q-dialog__inner > div {
   text-transform: inherit;
   transform-origin: left top;
   transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.324s cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 .q-field--float .q-field__label {
   max-width: 133%;
@@ -6399,7 +6397,6 @@ body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notific
     transition-duration: 1ms !important;
     animation-iteration-count: 1 !important;
   }
-
   .animated[class*=Out] {
     opacity: 0;
   }
@@ -9483,7 +9480,6 @@ body.body--dark .inset-shadow-down {
   .col-shrink, .col-xs-shrink {
     flex: 0 1 auto;
   }
-
   .row > .col-0, .row > .col-xs-0 {
     height: auto;
     width: 0%;
@@ -9491,12 +9487,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-0, .row > .offset-xs-0 {
     margin-left: 0%;
   }
-
   .column > .col-0, .column > .col-xs-0 {
     height: 0%;
     width: auto;
   }
-
   .row > .col-1, .row > .col-xs-1 {
     height: auto;
     width: 8.3333%;
@@ -9504,12 +9498,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-1, .row > .offset-xs-1 {
     margin-left: 8.3333%;
   }
-
   .column > .col-1, .column > .col-xs-1 {
     height: 8.3333%;
     width: auto;
   }
-
   .row > .col-2, .row > .col-xs-2 {
     height: auto;
     width: 16.6667%;
@@ -9517,12 +9509,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-2, .row > .offset-xs-2 {
     margin-left: 16.6667%;
   }
-
   .column > .col-2, .column > .col-xs-2 {
     height: 16.6667%;
     width: auto;
   }
-
   .row > .col-3, .row > .col-xs-3 {
     height: auto;
     width: 25%;
@@ -9530,12 +9520,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-3, .row > .offset-xs-3 {
     margin-left: 25%;
   }
-
   .column > .col-3, .column > .col-xs-3 {
     height: 25%;
     width: auto;
   }
-
   .row > .col-4, .row > .col-xs-4 {
     height: auto;
     width: 33.3333%;
@@ -9543,12 +9531,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-4, .row > .offset-xs-4 {
     margin-left: 33.3333%;
   }
-
   .column > .col-4, .column > .col-xs-4 {
     height: 33.3333%;
     width: auto;
   }
-
   .row > .col-5, .row > .col-xs-5 {
     height: auto;
     width: 41.6667%;
@@ -9556,12 +9542,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-5, .row > .offset-xs-5 {
     margin-left: 41.6667%;
   }
-
   .column > .col-5, .column > .col-xs-5 {
     height: 41.6667%;
     width: auto;
   }
-
   .row > .col-6, .row > .col-xs-6 {
     height: auto;
     width: 50%;
@@ -9569,12 +9553,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-6, .row > .offset-xs-6 {
     margin-left: 50%;
   }
-
   .column > .col-6, .column > .col-xs-6 {
     height: 50%;
     width: auto;
   }
-
   .row > .col-7, .row > .col-xs-7 {
     height: auto;
     width: 58.3333%;
@@ -9582,12 +9564,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-7, .row > .offset-xs-7 {
     margin-left: 58.3333%;
   }
-
   .column > .col-7, .column > .col-xs-7 {
     height: 58.3333%;
     width: auto;
   }
-
   .row > .col-8, .row > .col-xs-8 {
     height: auto;
     width: 66.6667%;
@@ -9595,12 +9575,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-8, .row > .offset-xs-8 {
     margin-left: 66.6667%;
   }
-
   .column > .col-8, .column > .col-xs-8 {
     height: 66.6667%;
     width: auto;
   }
-
   .row > .col-9, .row > .col-xs-9 {
     height: auto;
     width: 75%;
@@ -9608,12 +9586,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-9, .row > .offset-xs-9 {
     margin-left: 75%;
   }
-
   .column > .col-9, .column > .col-xs-9 {
     height: 75%;
     width: auto;
   }
-
   .row > .col-10, .row > .col-xs-10 {
     height: auto;
     width: 83.3333%;
@@ -9621,12 +9597,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-10, .row > .offset-xs-10 {
     margin-left: 83.3333%;
   }
-
   .column > .col-10, .column > .col-xs-10 {
     height: 83.3333%;
     width: auto;
   }
-
   .row > .col-11, .row > .col-xs-11 {
     height: auto;
     width: 91.6667%;
@@ -9634,12 +9608,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-11, .row > .offset-xs-11 {
     margin-left: 91.6667%;
   }
-
   .column > .col-11, .column > .col-xs-11 {
     height: 91.6667%;
     width: auto;
   }
-
   .row > .col-12, .row > .col-xs-12 {
     height: auto;
     width: 100%;
@@ -9647,12 +9619,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-12, .row > .offset-xs-12 {
     margin-left: 100%;
   }
-
   .column > .col-12, .column > .col-xs-12 {
     height: 100%;
     width: auto;
   }
-
   .row > .col-all {
     height: auto;
     flex: 0 0 100%;
@@ -9681,7 +9651,6 @@ body.body--dark .inset-shadow-down {
   .col-sm-shrink {
     flex: 0 1 auto;
   }
-
   .row > .col-sm-0 {
     height: auto;
     width: 0%;
@@ -9689,12 +9658,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-0 {
     margin-left: 0%;
   }
-
   .column > .col-sm-0 {
     height: 0%;
     width: auto;
   }
-
   .row > .col-sm-1 {
     height: auto;
     width: 8.3333%;
@@ -9702,12 +9669,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-1 {
     margin-left: 8.3333%;
   }
-
   .column > .col-sm-1 {
     height: 8.3333%;
     width: auto;
   }
-
   .row > .col-sm-2 {
     height: auto;
     width: 16.6667%;
@@ -9715,12 +9680,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-2 {
     margin-left: 16.6667%;
   }
-
   .column > .col-sm-2 {
     height: 16.6667%;
     width: auto;
   }
-
   .row > .col-sm-3 {
     height: auto;
     width: 25%;
@@ -9728,12 +9691,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-3 {
     margin-left: 25%;
   }
-
   .column > .col-sm-3 {
     height: 25%;
     width: auto;
   }
-
   .row > .col-sm-4 {
     height: auto;
     width: 33.3333%;
@@ -9741,12 +9702,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-4 {
     margin-left: 33.3333%;
   }
-
   .column > .col-sm-4 {
     height: 33.3333%;
     width: auto;
   }
-
   .row > .col-sm-5 {
     height: auto;
     width: 41.6667%;
@@ -9754,12 +9713,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-5 {
     margin-left: 41.6667%;
   }
-
   .column > .col-sm-5 {
     height: 41.6667%;
     width: auto;
   }
-
   .row > .col-sm-6 {
     height: auto;
     width: 50%;
@@ -9767,12 +9724,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-6 {
     margin-left: 50%;
   }
-
   .column > .col-sm-6 {
     height: 50%;
     width: auto;
   }
-
   .row > .col-sm-7 {
     height: auto;
     width: 58.3333%;
@@ -9780,12 +9735,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-7 {
     margin-left: 58.3333%;
   }
-
   .column > .col-sm-7 {
     height: 58.3333%;
     width: auto;
   }
-
   .row > .col-sm-8 {
     height: auto;
     width: 66.6667%;
@@ -9793,12 +9746,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-8 {
     margin-left: 66.6667%;
   }
-
   .column > .col-sm-8 {
     height: 66.6667%;
     width: auto;
   }
-
   .row > .col-sm-9 {
     height: auto;
     width: 75%;
@@ -9806,12 +9757,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-9 {
     margin-left: 75%;
   }
-
   .column > .col-sm-9 {
     height: 75%;
     width: auto;
   }
-
   .row > .col-sm-10 {
     height: auto;
     width: 83.3333%;
@@ -9819,12 +9768,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-10 {
     margin-left: 83.3333%;
   }
-
   .column > .col-sm-10 {
     height: 83.3333%;
     width: auto;
   }
-
   .row > .col-sm-11 {
     height: auto;
     width: 91.6667%;
@@ -9832,12 +9779,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-11 {
     margin-left: 91.6667%;
   }
-
   .column > .col-sm-11 {
     height: 91.6667%;
     width: auto;
   }
-
   .row > .col-sm-12 {
     height: auto;
     width: 100%;
@@ -9845,7 +9790,6 @@ body.body--dark .inset-shadow-down {
   .row > .offset-sm-12 {
     margin-left: 100%;
   }
-
   .column > .col-sm-12 {
     height: 100%;
     width: auto;
@@ -9874,7 +9818,6 @@ body.body--dark .inset-shadow-down {
   .col-md-shrink {
     flex: 0 1 auto;
   }
-
   .row > .col-md-0 {
     height: auto;
     width: 0%;
@@ -9882,12 +9825,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-0 {
     margin-left: 0%;
   }
-
   .column > .col-md-0 {
     height: 0%;
     width: auto;
   }
-
   .row > .col-md-1 {
     height: auto;
     width: 8.3333%;
@@ -9895,12 +9836,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-1 {
     margin-left: 8.3333%;
   }
-
   .column > .col-md-1 {
     height: 8.3333%;
     width: auto;
   }
-
   .row > .col-md-2 {
     height: auto;
     width: 16.6667%;
@@ -9908,12 +9847,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-2 {
     margin-left: 16.6667%;
   }
-
   .column > .col-md-2 {
     height: 16.6667%;
     width: auto;
   }
-
   .row > .col-md-3 {
     height: auto;
     width: 25%;
@@ -9921,12 +9858,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-3 {
     margin-left: 25%;
   }
-
   .column > .col-md-3 {
     height: 25%;
     width: auto;
   }
-
   .row > .col-md-4 {
     height: auto;
     width: 33.3333%;
@@ -9934,12 +9869,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-4 {
     margin-left: 33.3333%;
   }
-
   .column > .col-md-4 {
     height: 33.3333%;
     width: auto;
   }
-
   .row > .col-md-5 {
     height: auto;
     width: 41.6667%;
@@ -9947,12 +9880,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-5 {
     margin-left: 41.6667%;
   }
-
   .column > .col-md-5 {
     height: 41.6667%;
     width: auto;
   }
-
   .row > .col-md-6 {
     height: auto;
     width: 50%;
@@ -9960,12 +9891,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-6 {
     margin-left: 50%;
   }
-
   .column > .col-md-6 {
     height: 50%;
     width: auto;
   }
-
   .row > .col-md-7 {
     height: auto;
     width: 58.3333%;
@@ -9973,12 +9902,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-7 {
     margin-left: 58.3333%;
   }
-
   .column > .col-md-7 {
     height: 58.3333%;
     width: auto;
   }
-
   .row > .col-md-8 {
     height: auto;
     width: 66.6667%;
@@ -9986,12 +9913,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-8 {
     margin-left: 66.6667%;
   }
-
   .column > .col-md-8 {
     height: 66.6667%;
     width: auto;
   }
-
   .row > .col-md-9 {
     height: auto;
     width: 75%;
@@ -9999,12 +9924,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-9 {
     margin-left: 75%;
   }
-
   .column > .col-md-9 {
     height: 75%;
     width: auto;
   }
-
   .row > .col-md-10 {
     height: auto;
     width: 83.3333%;
@@ -10012,12 +9935,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-10 {
     margin-left: 83.3333%;
   }
-
   .column > .col-md-10 {
     height: 83.3333%;
     width: auto;
   }
-
   .row > .col-md-11 {
     height: auto;
     width: 91.6667%;
@@ -10025,12 +9946,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-11 {
     margin-left: 91.6667%;
   }
-
   .column > .col-md-11 {
     height: 91.6667%;
     width: auto;
   }
-
   .row > .col-md-12 {
     height: auto;
     width: 100%;
@@ -10038,7 +9957,6 @@ body.body--dark .inset-shadow-down {
   .row > .offset-md-12 {
     margin-left: 100%;
   }
-
   .column > .col-md-12 {
     height: 100%;
     width: auto;
@@ -10067,7 +9985,6 @@ body.body--dark .inset-shadow-down {
   .col-lg-shrink {
     flex: 0 1 auto;
   }
-
   .row > .col-lg-0 {
     height: auto;
     width: 0%;
@@ -10075,12 +9992,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-0 {
     margin-left: 0%;
   }
-
   .column > .col-lg-0 {
     height: 0%;
     width: auto;
   }
-
   .row > .col-lg-1 {
     height: auto;
     width: 8.3333%;
@@ -10088,12 +10003,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-1 {
     margin-left: 8.3333%;
   }
-
   .column > .col-lg-1 {
     height: 8.3333%;
     width: auto;
   }
-
   .row > .col-lg-2 {
     height: auto;
     width: 16.6667%;
@@ -10101,12 +10014,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-2 {
     margin-left: 16.6667%;
   }
-
   .column > .col-lg-2 {
     height: 16.6667%;
     width: auto;
   }
-
   .row > .col-lg-3 {
     height: auto;
     width: 25%;
@@ -10114,12 +10025,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-3 {
     margin-left: 25%;
   }
-
   .column > .col-lg-3 {
     height: 25%;
     width: auto;
   }
-
   .row > .col-lg-4 {
     height: auto;
     width: 33.3333%;
@@ -10127,12 +10036,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-4 {
     margin-left: 33.3333%;
   }
-
   .column > .col-lg-4 {
     height: 33.3333%;
     width: auto;
   }
-
   .row > .col-lg-5 {
     height: auto;
     width: 41.6667%;
@@ -10140,12 +10047,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-5 {
     margin-left: 41.6667%;
   }
-
   .column > .col-lg-5 {
     height: 41.6667%;
     width: auto;
   }
-
   .row > .col-lg-6 {
     height: auto;
     width: 50%;
@@ -10153,12 +10058,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-6 {
     margin-left: 50%;
   }
-
   .column > .col-lg-6 {
     height: 50%;
     width: auto;
   }
-
   .row > .col-lg-7 {
     height: auto;
     width: 58.3333%;
@@ -10166,12 +10069,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-7 {
     margin-left: 58.3333%;
   }
-
   .column > .col-lg-7 {
     height: 58.3333%;
     width: auto;
   }
-
   .row > .col-lg-8 {
     height: auto;
     width: 66.6667%;
@@ -10179,12 +10080,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-8 {
     margin-left: 66.6667%;
   }
-
   .column > .col-lg-8 {
     height: 66.6667%;
     width: auto;
   }
-
   .row > .col-lg-9 {
     height: auto;
     width: 75%;
@@ -10192,12 +10091,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-9 {
     margin-left: 75%;
   }
-
   .column > .col-lg-9 {
     height: 75%;
     width: auto;
   }
-
   .row > .col-lg-10 {
     height: auto;
     width: 83.3333%;
@@ -10205,12 +10102,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-10 {
     margin-left: 83.3333%;
   }
-
   .column > .col-lg-10 {
     height: 83.3333%;
     width: auto;
   }
-
   .row > .col-lg-11 {
     height: auto;
     width: 91.6667%;
@@ -10218,12 +10113,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-11 {
     margin-left: 91.6667%;
   }
-
   .column > .col-lg-11 {
     height: 91.6667%;
     width: auto;
   }
-
   .row > .col-lg-12 {
     height: auto;
     width: 100%;
@@ -10231,7 +10124,6 @@ body.body--dark .inset-shadow-down {
   .row > .offset-lg-12 {
     margin-left: 100%;
   }
-
   .column > .col-lg-12 {
     height: 100%;
     width: auto;
@@ -10260,7 +10152,6 @@ body.body--dark .inset-shadow-down {
   .col-xl-shrink {
     flex: 0 1 auto;
   }
-
   .row > .col-xl-0 {
     height: auto;
     width: 0%;
@@ -10268,12 +10159,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-0 {
     margin-left: 0%;
   }
-
   .column > .col-xl-0 {
     height: 0%;
     width: auto;
   }
-
   .row > .col-xl-1 {
     height: auto;
     width: 8.3333%;
@@ -10281,12 +10170,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-1 {
     margin-left: 8.3333%;
   }
-
   .column > .col-xl-1 {
     height: 8.3333%;
     width: auto;
   }
-
   .row > .col-xl-2 {
     height: auto;
     width: 16.6667%;
@@ -10294,12 +10181,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-2 {
     margin-left: 16.6667%;
   }
-
   .column > .col-xl-2 {
     height: 16.6667%;
     width: auto;
   }
-
   .row > .col-xl-3 {
     height: auto;
     width: 25%;
@@ -10307,12 +10192,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-3 {
     margin-left: 25%;
   }
-
   .column > .col-xl-3 {
     height: 25%;
     width: auto;
   }
-
   .row > .col-xl-4 {
     height: auto;
     width: 33.3333%;
@@ -10320,12 +10203,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-4 {
     margin-left: 33.3333%;
   }
-
   .column > .col-xl-4 {
     height: 33.3333%;
     width: auto;
   }
-
   .row > .col-xl-5 {
     height: auto;
     width: 41.6667%;
@@ -10333,12 +10214,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-5 {
     margin-left: 41.6667%;
   }
-
   .column > .col-xl-5 {
     height: 41.6667%;
     width: auto;
   }
-
   .row > .col-xl-6 {
     height: auto;
     width: 50%;
@@ -10346,12 +10225,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-6 {
     margin-left: 50%;
   }
-
   .column > .col-xl-6 {
     height: 50%;
     width: auto;
   }
-
   .row > .col-xl-7 {
     height: auto;
     width: 58.3333%;
@@ -10359,12 +10236,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-7 {
     margin-left: 58.3333%;
   }
-
   .column > .col-xl-7 {
     height: 58.3333%;
     width: auto;
   }
-
   .row > .col-xl-8 {
     height: auto;
     width: 66.6667%;
@@ -10372,12 +10247,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-8 {
     margin-left: 66.6667%;
   }
-
   .column > .col-xl-8 {
     height: 66.6667%;
     width: auto;
   }
-
   .row > .col-xl-9 {
     height: auto;
     width: 75%;
@@ -10385,12 +10258,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-9 {
     margin-left: 75%;
   }
-
   .column > .col-xl-9 {
     height: 75%;
     width: auto;
   }
-
   .row > .col-xl-10 {
     height: auto;
     width: 83.3333%;
@@ -10398,12 +10269,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-10 {
     margin-left: 83.3333%;
   }
-
   .column > .col-xl-10 {
     height: 83.3333%;
     width: auto;
   }
-
   .row > .col-xl-11 {
     height: auto;
     width: 91.6667%;
@@ -10411,12 +10280,10 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-11 {
     margin-left: 91.6667%;
   }
-
   .column > .col-xl-11 {
     height: 91.6667%;
     width: auto;
   }
-
   .row > .col-xl-12 {
     height: auto;
     width: 100%;
@@ -10424,7 +10291,6 @@ body.body--dark .inset-shadow-down {
   .row > .offset-xl-12 {
     margin-left: 100%;
   }
-
   .column > .col-xl-12 {
     height: 100%;
     width: auto;
@@ -11263,8 +11129,7 @@ body.q-ios-padding .fullscreen {
 }
 .q-transition--flip-right-enter-active, .q-transition--flip-right-leave-active, .q-transition--flip-left-enter-active, .q-transition--flip-left-leave-active, .q-transition--flip-up-enter-active, .q-transition--flip-up-leave-active, .q-transition--flip-down-enter-active, .q-transition--flip-down-leave-active {
   transition: transform var(--q-transition-duration);
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 .q-transition--flip-right-enter-to, .q-transition--flip-right-leave-from, .q-transition--flip-left-enter-to, .q-transition--flip-left-leave-from, .q-transition--flip-up-enter-to, .q-transition--flip-up-leave-from, .q-transition--flip-down-enter-to, .q-transition--flip-down-leave-from {
   transform: perspective(400px) rotate3d(1, 1, 0, 0deg);