groundworkcss 2.3.4 → 2.3.5
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -3,6 +3,13 @@ $lightspeed-animations: true !default;
|
|
|
3
3
|
|
|
4
4
|
@if $lightspeed-animations {
|
|
5
5
|
|
|
6
|
+
@keyframes lightSpeedIn {
|
|
7
|
+
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
|
|
8
|
+
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
|
|
9
|
+
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
|
|
10
|
+
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
|
|
11
|
+
}
|
|
12
|
+
|
|
6
13
|
.lightSpeedIn {
|
|
7
14
|
animation-name: lightSpeedIn;
|
|
8
15
|
animation-timing-function: ease-out;
|