animatecss 0.0.5 → 0.0.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +2 -5
- data/.rspec +2 -0
- data/.travis.yml +8 -0
- data/README.md +3 -1
- data/animatecss.gemspec +14 -5
- data/lib/animatecss.rb +0 -1
- data/lib/animatecss/version.rb +1 -1
- data/spec/dummy/README.rdoc +28 -0
- data/spec/dummy/Rakefile +6 -0
- data/spec/dummy/app/assets/images/.keep +0 -0
- data/spec/dummy/app/assets/javascripts/application.js +13 -0
- data/spec/dummy/app/assets/stylesheets/application.css +15 -0
- data/spec/dummy/app/controllers/application_controller.rb +5 -0
- data/spec/dummy/app/controllers/concerns/.keep +0 -0
- data/spec/dummy/app/helpers/application_helper.rb +2 -0
- data/spec/dummy/app/mailers/.keep +0 -0
- data/spec/dummy/app/models/.keep +0 -0
- data/spec/dummy/app/models/concerns/.keep +0 -0
- data/spec/dummy/app/views/layouts/application.html.erb +14 -0
- data/spec/dummy/bin/bundle +3 -0
- data/spec/dummy/bin/rails +4 -0
- data/spec/dummy/bin/rake +4 -0
- data/spec/dummy/bin/setup +29 -0
- data/spec/dummy/config.ru +4 -0
- data/spec/dummy/config/application.rb +32 -0
- data/spec/dummy/config/boot.rb +5 -0
- data/spec/dummy/config/database.yml +25 -0
- data/spec/dummy/config/environment.rb +5 -0
- data/spec/dummy/config/environments/development.rb +41 -0
- data/spec/dummy/config/environments/production.rb +79 -0
- data/spec/dummy/config/environments/test.rb +42 -0
- data/spec/dummy/config/initializers/assets.rb +11 -0
- data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/spec/dummy/config/initializers/cookies_serializer.rb +3 -0
- data/spec/dummy/config/initializers/filter_parameter_logging.rb +4 -0
- data/spec/dummy/config/initializers/inflections.rb +16 -0
- data/spec/dummy/config/initializers/mime_types.rb +4 -0
- data/spec/dummy/config/initializers/session_store.rb +3 -0
- data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/spec/dummy/config/locales/en.yml +23 -0
- data/spec/dummy/config/routes.rb +3 -0
- data/spec/dummy/config/secrets.yml +22 -0
- data/spec/dummy/db/test.sqlite3 +0 -0
- data/spec/dummy/lib/assets/.keep +0 -0
- data/spec/dummy/public/404.html +67 -0
- data/spec/dummy/public/422.html +67 -0
- data/spec/dummy/public/500.html +66 -0
- data/spec/dummy/public/favicon.ico +0 -0
- data/spec/integration/animatecss_spec.rb +5 -8
- data/spec/lib/animatecss_spec.rb +3 -3
- data/spec/rails_helper.rb +57 -0
- data/spec/spec_helper.rb +100 -7
- data/vendor/assets/stylesheets/animate.css +1738 -1210
- metadata +156 -29
data/spec/spec_helper.rb
CHANGED
@@ -1,8 +1,101 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
1
|
+
# This file was generated by the `rspec --init` command. Conventionally, all
|
2
|
+
# specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`.
|
3
|
+
# The generated `.rspec` file contains `--require spec_helper` which will cause
|
4
|
+
# this file to always be loaded, without a need to explicitly require it in any
|
5
|
+
# files.
|
6
|
+
#
|
7
|
+
# Given that it is always loaded, you are encouraged to keep this file as
|
8
|
+
# light-weight as possible. Requiring heavyweight dependencies from this file
|
9
|
+
# will add to the boot time of your test suite on EVERY test run, even for an
|
10
|
+
# individual file that may not need all of that loaded. Instead, consider making
|
11
|
+
# a separate helper file that requires the additional dependencies and performs
|
12
|
+
# the additional setup, and require it from the spec files that actually need
|
13
|
+
# it.
|
14
|
+
#
|
15
|
+
# The `.rspec` file also contains a few flags that are not defaults but that
|
16
|
+
# users commonly want.
|
17
|
+
#
|
18
|
+
# See http://rubydoc.info/gems/rspec-core/RSpec/Core/Configuration
|
4
19
|
RSpec.configure do |config|
|
5
|
-
config.
|
6
|
-
|
7
|
-
|
8
|
-
|
20
|
+
# rspec-expectations config goes here. You can use an alternate
|
21
|
+
# assertion/expectation library such as wrong or the stdlib/minitest
|
22
|
+
# assertions if you prefer.
|
23
|
+
config.expect_with :rspec do |expectations|
|
24
|
+
# This option will default to `true` in RSpec 4. It makes the `description`
|
25
|
+
# and `failure_message` of custom matchers include text for helper methods
|
26
|
+
# defined using `chain`, e.g.:
|
27
|
+
# be_bigger_than(2).and_smaller_than(4).description
|
28
|
+
# # => "be bigger than 2 and smaller than 4"
|
29
|
+
# ...rather than:
|
30
|
+
# # => "be bigger than 2"
|
31
|
+
expectations.include_chain_clauses_in_custom_matcher_descriptions = true
|
32
|
+
end
|
33
|
+
|
34
|
+
|
35
|
+
# rspec-mocks config goes here. You can use an alternate test double
|
36
|
+
# library (such as bogus or mocha) by changing the `mock_with` option here.
|
37
|
+
config.mock_with :rspec do |mocks|
|
38
|
+
# Prevents you from mocking or stubbing a method that does not exist on
|
39
|
+
# a real object. This is generally recommended, and will default to
|
40
|
+
# `true` in RSpec 4.
|
41
|
+
mocks.verify_partial_doubles = true
|
42
|
+
end
|
43
|
+
|
44
|
+
config.filter_run :focus => true
|
45
|
+
config.filter_run_excluding :ignore => true
|
46
|
+
config.run_all_when_everything_filtered = true
|
47
|
+
|
48
|
+
# The settings below are suggested to provide a good initial experience
|
49
|
+
# with RSpec, but feel free to customize to your heart's content.
|
50
|
+
=begin
|
51
|
+
# These two settings work together to allow you to limit a spec run
|
52
|
+
# to individual examples or groups you care about by tagging them with
|
53
|
+
# `:focus` metadata. When nothing is tagged with `:focus`, all examples
|
54
|
+
# get run.
|
55
|
+
config.filter_run :focus
|
56
|
+
config.run_all_when_everything_filtered = true
|
57
|
+
|
58
|
+
# Allows RSpec to persist some state between runs in order to support
|
59
|
+
# the `--only-failures` and `--next-failure` CLI options. We recommend
|
60
|
+
# you configure your source control system to ignore this file.
|
61
|
+
config.example_status_persistence_file_path = "spec/examples.txt"
|
62
|
+
|
63
|
+
# Limits the available syntax to the non-monkey patched syntax that is
|
64
|
+
# recommended. For more details, see:
|
65
|
+
# - http://myronmars.to/n/dev-blog/2012/06/rspecs-new-expectation-syntax
|
66
|
+
# - http://www.teaisaweso.me/blog/2013/05/27/rspecs-new-message-expectation-syntax/
|
67
|
+
# - http://myronmars.to/n/dev-blog/2014/05/notable-changes-in-rspec-3#new__config_option_to_disable_rspeccore_monkey_patching
|
68
|
+
config.disable_monkey_patching!
|
69
|
+
|
70
|
+
# This setting enables warnings. It's recommended, but in some cases may
|
71
|
+
# be too noisy due to issues in dependencies.
|
72
|
+
config.warnings = true
|
73
|
+
|
74
|
+
# Many RSpec users commonly either run the entire suite or an individual
|
75
|
+
# file, and it's useful to allow more verbose output when running an
|
76
|
+
# individual spec file.
|
77
|
+
if config.files_to_run.one?
|
78
|
+
# Use the documentation formatter for detailed output,
|
79
|
+
# unless a formatter has already been configured
|
80
|
+
# (e.g. via a command-line flag).
|
81
|
+
config.default_formatter = 'doc'
|
82
|
+
end
|
83
|
+
|
84
|
+
# Print the 10 slowest examples and example groups at the
|
85
|
+
# end of the spec run, to help surface which specs are running
|
86
|
+
# particularly slow.
|
87
|
+
config.profile_examples = 10
|
88
|
+
|
89
|
+
# Run specs in random order to surface order dependencies. If you find an
|
90
|
+
# order dependency and want to debug it, you can fix the order by providing
|
91
|
+
# the seed, which is printed after each run.
|
92
|
+
# --seed 1234
|
93
|
+
config.order = :random
|
94
|
+
|
95
|
+
# Seed global randomization in this process using the `--seed` CLI option.
|
96
|
+
# Setting this allows you to use `--seed` to deterministically reproduce
|
97
|
+
# test failures related to randomization by passing the same `--seed` value
|
98
|
+
# as the one that triggered the failure.
|
99
|
+
Kernel.srand config.seed
|
100
|
+
=end
|
101
|
+
end
|
@@ -1,17 +1,10 @@
|
|
1
1
|
@charset "UTF-8";
|
2
2
|
|
3
|
-
|
4
3
|
/*!
|
5
4
|
Animate.css - http://daneden.me/animate
|
6
|
-
Licensed under the MIT license
|
7
|
-
|
8
|
-
Copyright (c) 2013 Daniel Eden
|
9
|
-
|
10
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
11
|
-
|
12
|
-
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
5
|
+
Licensed under the MIT license - http://opensource.org/licenses/MIT
|
13
6
|
|
14
|
-
|
7
|
+
Copyright (c) 2015 Daniel Eden
|
15
8
|
*/
|
16
9
|
|
17
10
|
.animated {
|
@@ -21,55 +14,93 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
21
14
|
animation-fill-mode: both;
|
22
15
|
}
|
23
16
|
|
17
|
+
.animated.infinite {
|
18
|
+
-webkit-animation-iteration-count: infinite;
|
19
|
+
animation-iteration-count: infinite;
|
20
|
+
}
|
21
|
+
|
24
22
|
.animated.hinge {
|
25
23
|
-webkit-animation-duration: 2s;
|
26
24
|
animation-duration: 2s;
|
27
25
|
}
|
28
26
|
|
27
|
+
.animated.bounceIn,
|
28
|
+
.animated.bounceOut {
|
29
|
+
-webkit-animation-duration: .75s;
|
30
|
+
animation-duration: .75s;
|
31
|
+
}
|
32
|
+
|
33
|
+
.animated.flipOutX,
|
34
|
+
.animated.flipOutY {
|
35
|
+
-webkit-animation-duration: .75s;
|
36
|
+
animation-duration: .75s;
|
37
|
+
}
|
38
|
+
|
29
39
|
@-webkit-keyframes bounce {
|
30
|
-
|
31
|
-
-webkit-
|
32
|
-
|
40
|
+
from, 20%, 53%, 80%, to {
|
41
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
42
|
+
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
43
|
+
-webkit-transform: translate3d(0,0,0);
|
44
|
+
transform: translate3d(0,0,0);
|
33
45
|
}
|
34
46
|
|
35
|
-
40% {
|
36
|
-
-webkit-
|
37
|
-
|
47
|
+
40%, 43% {
|
48
|
+
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
49
|
+
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
50
|
+
-webkit-transform: translate3d(0, -30px, 0);
|
51
|
+
transform: translate3d(0, -30px, 0);
|
38
52
|
}
|
39
53
|
|
40
|
-
|
41
|
-
-webkit-
|
42
|
-
|
54
|
+
70% {
|
55
|
+
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
56
|
+
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
57
|
+
-webkit-transform: translate3d(0, -15px, 0);
|
58
|
+
transform: translate3d(0, -15px, 0);
|
59
|
+
}
|
60
|
+
|
61
|
+
90% {
|
62
|
+
-webkit-transform: translate3d(0,-4px,0);
|
63
|
+
transform: translate3d(0,-4px,0);
|
43
64
|
}
|
44
65
|
}
|
45
66
|
|
46
67
|
@keyframes bounce {
|
47
|
-
|
48
|
-
-webkit-
|
49
|
-
-
|
50
|
-
transform:
|
68
|
+
from, 20%, 53%, 80%, to {
|
69
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
70
|
+
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
71
|
+
-webkit-transform: translate3d(0,0,0);
|
72
|
+
transform: translate3d(0,0,0);
|
51
73
|
}
|
52
74
|
|
53
|
-
40% {
|
54
|
-
-webkit-
|
55
|
-
-
|
56
|
-
transform:
|
75
|
+
40%, 43% {
|
76
|
+
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
77
|
+
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
78
|
+
-webkit-transform: translate3d(0, -30px, 0);
|
79
|
+
transform: translate3d(0, -30px, 0);
|
57
80
|
}
|
58
81
|
|
59
|
-
|
60
|
-
-webkit-
|
61
|
-
-
|
62
|
-
transform:
|
82
|
+
70% {
|
83
|
+
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
84
|
+
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
85
|
+
-webkit-transform: translate3d(0, -15px, 0);
|
86
|
+
transform: translate3d(0, -15px, 0);
|
87
|
+
}
|
88
|
+
|
89
|
+
90% {
|
90
|
+
-webkit-transform: translate3d(0,-4px,0);
|
91
|
+
transform: translate3d(0,-4px,0);
|
63
92
|
}
|
64
93
|
}
|
65
94
|
|
66
95
|
.bounce {
|
67
96
|
-webkit-animation-name: bounce;
|
68
97
|
animation-name: bounce;
|
98
|
+
-webkit-transform-origin: center bottom;
|
99
|
+
transform-origin: center bottom;
|
69
100
|
}
|
70
101
|
|
71
102
|
@-webkit-keyframes flash {
|
72
|
-
|
103
|
+
from, 50%, to {
|
73
104
|
opacity: 1;
|
74
105
|
}
|
75
106
|
|
@@ -79,7 +110,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
79
110
|
}
|
80
111
|
|
81
112
|
@keyframes flash {
|
82
|
-
|
113
|
+
from, 50%, to {
|
83
114
|
opacity: 1;
|
84
115
|
}
|
85
116
|
|
@@ -96,39 +127,36 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
96
127
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
97
128
|
|
98
129
|
@-webkit-keyframes pulse {
|
99
|
-
|
100
|
-
-webkit-transform:
|
101
|
-
transform:
|
130
|
+
from {
|
131
|
+
-webkit-transform: scale3d(1, 1, 1);
|
132
|
+
transform: scale3d(1, 1, 1);
|
102
133
|
}
|
103
134
|
|
104
135
|
50% {
|
105
|
-
-webkit-transform:
|
106
|
-
transform:
|
136
|
+
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
137
|
+
transform: scale3d(1.05, 1.05, 1.05);
|
107
138
|
}
|
108
139
|
|
109
|
-
|
110
|
-
-webkit-transform:
|
111
|
-
transform:
|
140
|
+
to {
|
141
|
+
-webkit-transform: scale3d(1, 1, 1);
|
142
|
+
transform: scale3d(1, 1, 1);
|
112
143
|
}
|
113
144
|
}
|
114
145
|
|
115
146
|
@keyframes pulse {
|
116
|
-
|
117
|
-
-webkit-transform:
|
118
|
-
|
119
|
-
transform: scale(1);
|
147
|
+
from {
|
148
|
+
-webkit-transform: scale3d(1, 1, 1);
|
149
|
+
transform: scale3d(1, 1, 1);
|
120
150
|
}
|
121
151
|
|
122
152
|
50% {
|
123
|
-
-webkit-transform:
|
124
|
-
|
125
|
-
transform: scale(1.1);
|
153
|
+
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
154
|
+
transform: scale3d(1.05, 1.05, 1.05);
|
126
155
|
}
|
127
156
|
|
128
|
-
|
129
|
-
-webkit-transform:
|
130
|
-
|
131
|
-
transform: scale(1);
|
157
|
+
to {
|
158
|
+
-webkit-transform: scale3d(1, 1, 1);
|
159
|
+
transform: scale3d(1, 1, 1);
|
132
160
|
}
|
133
161
|
}
|
134
162
|
|
@@ -137,40 +165,116 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
137
165
|
animation-name: pulse;
|
138
166
|
}
|
139
167
|
|
168
|
+
@-webkit-keyframes rubberBand {
|
169
|
+
from {
|
170
|
+
-webkit-transform: scale3d(1, 1, 1);
|
171
|
+
transform: scale3d(1, 1, 1);
|
172
|
+
}
|
173
|
+
|
174
|
+
30% {
|
175
|
+
-webkit-transform: scale3d(1.25, 0.75, 1);
|
176
|
+
transform: scale3d(1.25, 0.75, 1);
|
177
|
+
}
|
178
|
+
|
179
|
+
40% {
|
180
|
+
-webkit-transform: scale3d(0.75, 1.25, 1);
|
181
|
+
transform: scale3d(0.75, 1.25, 1);
|
182
|
+
}
|
183
|
+
|
184
|
+
50% {
|
185
|
+
-webkit-transform: scale3d(1.15, 0.85, 1);
|
186
|
+
transform: scale3d(1.15, 0.85, 1);
|
187
|
+
}
|
188
|
+
|
189
|
+
65% {
|
190
|
+
-webkit-transform: scale3d(.95, 1.05, 1);
|
191
|
+
transform: scale3d(.95, 1.05, 1);
|
192
|
+
}
|
193
|
+
|
194
|
+
75% {
|
195
|
+
-webkit-transform: scale3d(1.05, .95, 1);
|
196
|
+
transform: scale3d(1.05, .95, 1);
|
197
|
+
}
|
198
|
+
|
199
|
+
to {
|
200
|
+
-webkit-transform: scale3d(1, 1, 1);
|
201
|
+
transform: scale3d(1, 1, 1);
|
202
|
+
}
|
203
|
+
}
|
204
|
+
|
205
|
+
@keyframes rubberBand {
|
206
|
+
from {
|
207
|
+
-webkit-transform: scale3d(1, 1, 1);
|
208
|
+
transform: scale3d(1, 1, 1);
|
209
|
+
}
|
210
|
+
|
211
|
+
30% {
|
212
|
+
-webkit-transform: scale3d(1.25, 0.75, 1);
|
213
|
+
transform: scale3d(1.25, 0.75, 1);
|
214
|
+
}
|
215
|
+
|
216
|
+
40% {
|
217
|
+
-webkit-transform: scale3d(0.75, 1.25, 1);
|
218
|
+
transform: scale3d(0.75, 1.25, 1);
|
219
|
+
}
|
220
|
+
|
221
|
+
50% {
|
222
|
+
-webkit-transform: scale3d(1.15, 0.85, 1);
|
223
|
+
transform: scale3d(1.15, 0.85, 1);
|
224
|
+
}
|
225
|
+
|
226
|
+
65% {
|
227
|
+
-webkit-transform: scale3d(.95, 1.05, 1);
|
228
|
+
transform: scale3d(.95, 1.05, 1);
|
229
|
+
}
|
230
|
+
|
231
|
+
75% {
|
232
|
+
-webkit-transform: scale3d(1.05, .95, 1);
|
233
|
+
transform: scale3d(1.05, .95, 1);
|
234
|
+
}
|
235
|
+
|
236
|
+
to {
|
237
|
+
-webkit-transform: scale3d(1, 1, 1);
|
238
|
+
transform: scale3d(1, 1, 1);
|
239
|
+
}
|
240
|
+
}
|
241
|
+
|
242
|
+
.rubberBand {
|
243
|
+
-webkit-animation-name: rubberBand;
|
244
|
+
animation-name: rubberBand;
|
245
|
+
}
|
246
|
+
|
140
247
|
@-webkit-keyframes shake {
|
141
|
-
|
142
|
-
-webkit-transform:
|
143
|
-
transform:
|
248
|
+
from, to {
|
249
|
+
-webkit-transform: translate3d(0, 0, 0);
|
250
|
+
transform: translate3d(0, 0, 0);
|
144
251
|
}
|
145
252
|
|
146
253
|
10%, 30%, 50%, 70%, 90% {
|
147
|
-
-webkit-transform:
|
148
|
-
transform:
|
254
|
+
-webkit-transform: translate3d(-10px, 0, 0);
|
255
|
+
transform: translate3d(-10px, 0, 0);
|
149
256
|
}
|
150
257
|
|
151
258
|
20%, 40%, 60%, 80% {
|
152
|
-
-webkit-transform:
|
153
|
-
transform:
|
259
|
+
-webkit-transform: translate3d(10px, 0, 0);
|
260
|
+
transform: translate3d(10px, 0, 0);
|
154
261
|
}
|
155
262
|
}
|
156
263
|
|
157
264
|
@keyframes shake {
|
158
|
-
|
159
|
-
-webkit-transform:
|
160
|
-
|
161
|
-
transform: translateX(0);
|
265
|
+
from, to {
|
266
|
+
-webkit-transform: translate3d(0, 0, 0);
|
267
|
+
transform: translate3d(0, 0, 0);
|
162
268
|
}
|
163
269
|
|
164
270
|
10%, 30%, 50%, 70%, 90% {
|
165
|
-
-webkit-transform:
|
166
|
-
|
167
|
-
transform: translateX(-10px);
|
271
|
+
-webkit-transform: translate3d(-10px, 0, 0);
|
272
|
+
transform: translate3d(-10px, 0, 0);
|
168
273
|
}
|
169
274
|
|
170
275
|
20%, 40%, 60%, 80% {
|
171
|
-
-webkit-transform:
|
172
|
-
|
173
|
-
transform: translateX(10px);
|
276
|
+
-webkit-transform: translate3d(10px, 0, 0);
|
277
|
+
transform: translate3d(10px, 0, 0);
|
174
278
|
}
|
175
279
|
}
|
176
280
|
|
@@ -181,127 +285,116 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
181
285
|
|
182
286
|
@-webkit-keyframes swing {
|
183
287
|
20% {
|
184
|
-
-webkit-transform:
|
185
|
-
transform:
|
288
|
+
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
289
|
+
transform: rotate3d(0, 0, 1, 15deg);
|
186
290
|
}
|
187
291
|
|
188
292
|
40% {
|
189
|
-
-webkit-transform:
|
190
|
-
transform:
|
293
|
+
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
294
|
+
transform: rotate3d(0, 0, 1, -10deg);
|
191
295
|
}
|
192
296
|
|
193
297
|
60% {
|
194
|
-
-webkit-transform:
|
195
|
-
transform:
|
298
|
+
-webkit-transform: rotate3d(0, 0, 1, 5deg);
|
299
|
+
transform: rotate3d(0, 0, 1, 5deg);
|
196
300
|
}
|
197
301
|
|
198
302
|
80% {
|
199
|
-
-webkit-transform:
|
200
|
-
transform:
|
303
|
+
-webkit-transform: rotate3d(0, 0, 1, -5deg);
|
304
|
+
transform: rotate3d(0, 0, 1, -5deg);
|
201
305
|
}
|
202
306
|
|
203
|
-
|
204
|
-
-webkit-transform:
|
205
|
-
transform:
|
307
|
+
to {
|
308
|
+
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
309
|
+
transform: rotate3d(0, 0, 1, 0deg);
|
206
310
|
}
|
207
311
|
}
|
208
312
|
|
209
313
|
@keyframes swing {
|
210
314
|
20% {
|
211
|
-
-webkit-transform:
|
212
|
-
|
213
|
-
transform: rotate(15deg);
|
315
|
+
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
316
|
+
transform: rotate3d(0, 0, 1, 15deg);
|
214
317
|
}
|
215
318
|
|
216
319
|
40% {
|
217
|
-
-webkit-transform:
|
218
|
-
|
219
|
-
transform: rotate(-10deg);
|
320
|
+
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
321
|
+
transform: rotate3d(0, 0, 1, -10deg);
|
220
322
|
}
|
221
323
|
|
222
324
|
60% {
|
223
|
-
-webkit-transform:
|
224
|
-
|
225
|
-
transform: rotate(5deg);
|
325
|
+
-webkit-transform: rotate3d(0, 0, 1, 5deg);
|
326
|
+
transform: rotate3d(0, 0, 1, 5deg);
|
226
327
|
}
|
227
328
|
|
228
329
|
80% {
|
229
|
-
-webkit-transform:
|
230
|
-
|
231
|
-
transform: rotate(-5deg);
|
330
|
+
-webkit-transform: rotate3d(0, 0, 1, -5deg);
|
331
|
+
transform: rotate3d(0, 0, 1, -5deg);
|
232
332
|
}
|
233
333
|
|
234
|
-
|
235
|
-
-webkit-transform:
|
236
|
-
|
237
|
-
transform: rotate(0deg);
|
334
|
+
to {
|
335
|
+
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
336
|
+
transform: rotate3d(0, 0, 1, 0deg);
|
238
337
|
}
|
239
338
|
}
|
240
339
|
|
241
340
|
.swing {
|
242
341
|
-webkit-transform-origin: top center;
|
243
|
-
-ms-transform-origin: top center;
|
244
342
|
transform-origin: top center;
|
245
343
|
-webkit-animation-name: swing;
|
246
344
|
animation-name: swing;
|
247
345
|
}
|
248
346
|
|
249
347
|
@-webkit-keyframes tada {
|
250
|
-
|
251
|
-
-webkit-transform:
|
252
|
-
transform:
|
348
|
+
from {
|
349
|
+
-webkit-transform: scale3d(1, 1, 1);
|
350
|
+
transform: scale3d(1, 1, 1);
|
253
351
|
}
|
254
352
|
|
255
353
|
10%, 20% {
|
256
|
-
-webkit-transform:
|
257
|
-
transform:
|
354
|
+
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
355
|
+
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
258
356
|
}
|
259
357
|
|
260
358
|
30%, 50%, 70%, 90% {
|
261
|
-
-webkit-transform:
|
262
|
-
transform:
|
359
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
360
|
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
263
361
|
}
|
264
362
|
|
265
363
|
40%, 60%, 80% {
|
266
|
-
-webkit-transform:
|
267
|
-
transform:
|
364
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
365
|
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
268
366
|
}
|
269
367
|
|
270
|
-
|
271
|
-
-webkit-transform:
|
272
|
-
transform:
|
368
|
+
to {
|
369
|
+
-webkit-transform: scale3d(1, 1, 1);
|
370
|
+
transform: scale3d(1, 1, 1);
|
273
371
|
}
|
274
372
|
}
|
275
373
|
|
276
374
|
@keyframes tada {
|
277
|
-
|
278
|
-
-webkit-transform:
|
279
|
-
|
280
|
-
transform: scale(1);
|
375
|
+
from {
|
376
|
+
-webkit-transform: scale3d(1, 1, 1);
|
377
|
+
transform: scale3d(1, 1, 1);
|
281
378
|
}
|
282
379
|
|
283
380
|
10%, 20% {
|
284
|
-
-webkit-transform:
|
285
|
-
|
286
|
-
transform: scale(0.9) rotate(-3deg);
|
381
|
+
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
382
|
+
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
287
383
|
}
|
288
384
|
|
289
385
|
30%, 50%, 70%, 90% {
|
290
|
-
-webkit-transform:
|
291
|
-
|
292
|
-
transform: scale(1.1) rotate(3deg);
|
386
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
387
|
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
293
388
|
}
|
294
389
|
|
295
390
|
40%, 60%, 80% {
|
296
|
-
-webkit-transform:
|
297
|
-
|
298
|
-
transform: scale(1.1) rotate(-3deg);
|
391
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
392
|
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
299
393
|
}
|
300
394
|
|
301
|
-
|
302
|
-
-webkit-transform:
|
303
|
-
|
304
|
-
transform: scale(1) rotate(0);
|
395
|
+
to {
|
396
|
+
-webkit-transform: scale3d(1, 1, 1);
|
397
|
+
transform: scale3d(1, 1, 1);
|
305
398
|
}
|
306
399
|
}
|
307
400
|
|
@@ -313,83 +406,76 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
313
406
|
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
314
407
|
|
315
408
|
@-webkit-keyframes wobble {
|
316
|
-
|
317
|
-
-webkit-transform:
|
318
|
-
transform:
|
409
|
+
from {
|
410
|
+
-webkit-transform: none;
|
411
|
+
transform: none;
|
319
412
|
}
|
320
413
|
|
321
414
|
15% {
|
322
|
-
-webkit-transform:
|
323
|
-
transform:
|
415
|
+
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
416
|
+
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
324
417
|
}
|
325
418
|
|
326
419
|
30% {
|
327
|
-
-webkit-transform:
|
328
|
-
transform:
|
420
|
+
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
421
|
+
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
329
422
|
}
|
330
423
|
|
331
424
|
45% {
|
332
|
-
-webkit-transform:
|
333
|
-
transform:
|
425
|
+
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
426
|
+
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
334
427
|
}
|
335
428
|
|
336
429
|
60% {
|
337
|
-
-webkit-transform:
|
338
|
-
transform:
|
430
|
+
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
431
|
+
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
339
432
|
}
|
340
433
|
|
341
434
|
75% {
|
342
|
-
-webkit-transform:
|
343
|
-
transform:
|
435
|
+
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
436
|
+
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
344
437
|
}
|
345
438
|
|
346
|
-
|
347
|
-
-webkit-transform:
|
348
|
-
transform:
|
439
|
+
to {
|
440
|
+
-webkit-transform: none;
|
441
|
+
transform: none;
|
349
442
|
}
|
350
443
|
}
|
351
444
|
|
352
445
|
@keyframes wobble {
|
353
|
-
|
354
|
-
-webkit-transform:
|
355
|
-
|
356
|
-
transform: translateX(0%);
|
446
|
+
from {
|
447
|
+
-webkit-transform: none;
|
448
|
+
transform: none;
|
357
449
|
}
|
358
450
|
|
359
451
|
15% {
|
360
|
-
-webkit-transform:
|
361
|
-
|
362
|
-
transform: translateX(-25%) rotate(-5deg);
|
452
|
+
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
453
|
+
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
363
454
|
}
|
364
455
|
|
365
456
|
30% {
|
366
|
-
-webkit-transform:
|
367
|
-
|
368
|
-
transform: translateX(20%) rotate(3deg);
|
457
|
+
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
458
|
+
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
369
459
|
}
|
370
460
|
|
371
461
|
45% {
|
372
|
-
-webkit-transform:
|
373
|
-
|
374
|
-
transform: translateX(-15%) rotate(-3deg);
|
462
|
+
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
463
|
+
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
375
464
|
}
|
376
465
|
|
377
466
|
60% {
|
378
|
-
-webkit-transform:
|
379
|
-
|
380
|
-
transform: translateX(10%) rotate(2deg);
|
467
|
+
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
468
|
+
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
381
469
|
}
|
382
470
|
|
383
471
|
75% {
|
384
|
-
-webkit-transform:
|
385
|
-
|
386
|
-
transform: translateX(-5%) rotate(-1deg);
|
472
|
+
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
473
|
+
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
387
474
|
}
|
388
475
|
|
389
|
-
|
390
|
-
-webkit-transform:
|
391
|
-
|
392
|
-
transform: translateX(0%);
|
476
|
+
to {
|
477
|
+
-webkit-transform: none;
|
478
|
+
transform: none;
|
393
479
|
}
|
394
480
|
}
|
395
481
|
|
@@ -398,55 +484,174 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
398
484
|
animation-name: wobble;
|
399
485
|
}
|
400
486
|
|
487
|
+
@-webkit-keyframes jello {
|
488
|
+
from, 11.1%, to {
|
489
|
+
-webkit-transform: none;
|
490
|
+
transform: none;
|
491
|
+
}
|
492
|
+
|
493
|
+
22.2% {
|
494
|
+
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
|
495
|
+
transform: skewX(-12.5deg) skewY(-12.5deg);
|
496
|
+
}
|
497
|
+
|
498
|
+
33.3% {
|
499
|
+
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
|
500
|
+
transform: skewX(6.25deg) skewY(6.25deg);
|
501
|
+
}
|
502
|
+
|
503
|
+
44.4% {
|
504
|
+
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
|
505
|
+
transform: skewX(-3.125deg) skewY(-3.125deg);
|
506
|
+
}
|
507
|
+
|
508
|
+
55.5% {
|
509
|
+
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
|
510
|
+
transform: skewX(1.5625deg) skewY(1.5625deg);
|
511
|
+
}
|
512
|
+
|
513
|
+
66.6% {
|
514
|
+
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
515
|
+
transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
516
|
+
}
|
517
|
+
|
518
|
+
77.7% {
|
519
|
+
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
|
520
|
+
transform: skewX(0.390625deg) skewY(0.390625deg);
|
521
|
+
}
|
522
|
+
|
523
|
+
88.8% {
|
524
|
+
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
525
|
+
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
526
|
+
}
|
527
|
+
}
|
528
|
+
|
529
|
+
@keyframes jello {
|
530
|
+
from, 11.1%, to {
|
531
|
+
-webkit-transform: none;
|
532
|
+
transform: none;
|
533
|
+
}
|
534
|
+
|
535
|
+
22.2% {
|
536
|
+
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
|
537
|
+
transform: skewX(-12.5deg) skewY(-12.5deg);
|
538
|
+
}
|
539
|
+
|
540
|
+
33.3% {
|
541
|
+
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
|
542
|
+
transform: skewX(6.25deg) skewY(6.25deg);
|
543
|
+
}
|
544
|
+
|
545
|
+
44.4% {
|
546
|
+
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
|
547
|
+
transform: skewX(-3.125deg) skewY(-3.125deg);
|
548
|
+
}
|
549
|
+
|
550
|
+
55.5% {
|
551
|
+
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
|
552
|
+
transform: skewX(1.5625deg) skewY(1.5625deg);
|
553
|
+
}
|
554
|
+
|
555
|
+
66.6% {
|
556
|
+
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
557
|
+
transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
558
|
+
}
|
559
|
+
|
560
|
+
77.7% {
|
561
|
+
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
|
562
|
+
transform: skewX(0.390625deg) skewY(0.390625deg);
|
563
|
+
}
|
564
|
+
|
565
|
+
88.8% {
|
566
|
+
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
567
|
+
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
568
|
+
}
|
569
|
+
}
|
570
|
+
|
571
|
+
.jello {
|
572
|
+
-webkit-animation-name: jello;
|
573
|
+
animation-name: jello;
|
574
|
+
-webkit-transform-origin: center;
|
575
|
+
transform-origin: center;
|
576
|
+
}
|
577
|
+
|
401
578
|
@-webkit-keyframes bounceIn {
|
579
|
+
from, 20%, 40%, 60%, 80%, to {
|
580
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
581
|
+
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
582
|
+
}
|
583
|
+
|
402
584
|
0% {
|
403
585
|
opacity: 0;
|
404
|
-
-webkit-transform:
|
405
|
-
transform:
|
586
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
587
|
+
transform: scale3d(.3, .3, .3);
|
406
588
|
}
|
407
589
|
|
408
|
-
|
590
|
+
20% {
|
591
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
592
|
+
transform: scale3d(1.1, 1.1, 1.1);
|
593
|
+
}
|
594
|
+
|
595
|
+
40% {
|
596
|
+
-webkit-transform: scale3d(.9, .9, .9);
|
597
|
+
transform: scale3d(.9, .9, .9);
|
598
|
+
}
|
599
|
+
|
600
|
+
60% {
|
409
601
|
opacity: 1;
|
410
|
-
-webkit-transform:
|
411
|
-
transform:
|
602
|
+
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
603
|
+
transform: scale3d(1.03, 1.03, 1.03);
|
412
604
|
}
|
413
605
|
|
414
|
-
|
415
|
-
-webkit-transform:
|
416
|
-
transform:
|
606
|
+
80% {
|
607
|
+
-webkit-transform: scale3d(.97, .97, .97);
|
608
|
+
transform: scale3d(.97, .97, .97);
|
417
609
|
}
|
418
610
|
|
419
|
-
|
420
|
-
|
421
|
-
transform:
|
611
|
+
to {
|
612
|
+
opacity: 1;
|
613
|
+
-webkit-transform: scale3d(1, 1, 1);
|
614
|
+
transform: scale3d(1, 1, 1);
|
422
615
|
}
|
423
616
|
}
|
424
617
|
|
425
618
|
@keyframes bounceIn {
|
619
|
+
from, 20%, 40%, 60%, 80%, to {
|
620
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
621
|
+
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
622
|
+
}
|
623
|
+
|
426
624
|
0% {
|
427
625
|
opacity: 0;
|
428
|
-
-webkit-transform:
|
429
|
-
|
430
|
-
transform: scale(.3);
|
626
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
627
|
+
transform: scale3d(.3, .3, .3);
|
431
628
|
}
|
432
629
|
|
433
|
-
|
630
|
+
20% {
|
631
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
632
|
+
transform: scale3d(1.1, 1.1, 1.1);
|
633
|
+
}
|
634
|
+
|
635
|
+
40% {
|
636
|
+
-webkit-transform: scale3d(.9, .9, .9);
|
637
|
+
transform: scale3d(.9, .9, .9);
|
638
|
+
}
|
639
|
+
|
640
|
+
60% {
|
434
641
|
opacity: 1;
|
435
|
-
-webkit-transform:
|
436
|
-
|
437
|
-
transform: scale(1.05);
|
642
|
+
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
643
|
+
transform: scale3d(1.03, 1.03, 1.03);
|
438
644
|
}
|
439
645
|
|
440
|
-
|
441
|
-
-webkit-transform:
|
442
|
-
|
443
|
-
transform: scale(.9);
|
646
|
+
80% {
|
647
|
+
-webkit-transform: scale3d(.97, .97, .97);
|
648
|
+
transform: scale3d(.97, .97, .97);
|
444
649
|
}
|
445
650
|
|
446
|
-
|
447
|
-
|
448
|
-
-
|
449
|
-
transform:
|
651
|
+
to {
|
652
|
+
opacity: 1;
|
653
|
+
-webkit-transform: scale3d(1, 1, 1);
|
654
|
+
transform: scale3d(1, 1, 1);
|
450
655
|
}
|
451
656
|
}
|
452
657
|
|
@@ -456,54 +661,70 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
456
661
|
}
|
457
662
|
|
458
663
|
@-webkit-keyframes bounceInDown {
|
664
|
+
from, 60%, 75%, 90%, to {
|
665
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
666
|
+
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
667
|
+
}
|
668
|
+
|
459
669
|
0% {
|
460
670
|
opacity: 0;
|
461
|
-
-webkit-transform:
|
462
|
-
transform:
|
671
|
+
-webkit-transform: translate3d(0, -3000px, 0);
|
672
|
+
transform: translate3d(0, -3000px, 0);
|
463
673
|
}
|
464
674
|
|
465
675
|
60% {
|
466
676
|
opacity: 1;
|
467
|
-
-webkit-transform:
|
468
|
-
transform:
|
677
|
+
-webkit-transform: translate3d(0, 25px, 0);
|
678
|
+
transform: translate3d(0, 25px, 0);
|
469
679
|
}
|
470
680
|
|
471
|
-
|
472
|
-
-webkit-transform:
|
473
|
-
transform:
|
681
|
+
75% {
|
682
|
+
-webkit-transform: translate3d(0, -10px, 0);
|
683
|
+
transform: translate3d(0, -10px, 0);
|
474
684
|
}
|
475
685
|
|
476
|
-
|
477
|
-
-webkit-transform:
|
478
|
-
transform:
|
686
|
+
90% {
|
687
|
+
-webkit-transform: translate3d(0, 5px, 0);
|
688
|
+
transform: translate3d(0, 5px, 0);
|
689
|
+
}
|
690
|
+
|
691
|
+
to {
|
692
|
+
-webkit-transform: none;
|
693
|
+
transform: none;
|
479
694
|
}
|
480
695
|
}
|
481
696
|
|
482
697
|
@keyframes bounceInDown {
|
698
|
+
from, 60%, 75%, 90%, to {
|
699
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
700
|
+
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
701
|
+
}
|
702
|
+
|
483
703
|
0% {
|
484
704
|
opacity: 0;
|
485
|
-
-webkit-transform:
|
486
|
-
|
487
|
-
transform: translateY(-2000px);
|
705
|
+
-webkit-transform: translate3d(0, -3000px, 0);
|
706
|
+
transform: translate3d(0, -3000px, 0);
|
488
707
|
}
|
489
708
|
|
490
709
|
60% {
|
491
710
|
opacity: 1;
|
492
|
-
-webkit-transform:
|
493
|
-
|
494
|
-
transform: translateY(30px);
|
711
|
+
-webkit-transform: translate3d(0, 25px, 0);
|
712
|
+
transform: translate3d(0, 25px, 0);
|
495
713
|
}
|
496
714
|
|
497
|
-
|
498
|
-
-webkit-transform:
|
499
|
-
|
500
|
-
|
715
|
+
75% {
|
716
|
+
-webkit-transform: translate3d(0, -10px, 0);
|
717
|
+
transform: translate3d(0, -10px, 0);
|
718
|
+
}
|
719
|
+
|
720
|
+
90% {
|
721
|
+
-webkit-transform: translate3d(0, 5px, 0);
|
722
|
+
transform: translate3d(0, 5px, 0);
|
501
723
|
}
|
502
724
|
|
503
|
-
|
504
|
-
-webkit-transform:
|
505
|
-
|
506
|
-
transform: translateY(0);
|
725
|
+
to {
|
726
|
+
-webkit-transform: none;
|
727
|
+
transform: none;
|
507
728
|
}
|
508
729
|
}
|
509
730
|
|
@@ -513,54 +734,70 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
513
734
|
}
|
514
735
|
|
515
736
|
@-webkit-keyframes bounceInLeft {
|
737
|
+
from, 60%, 75%, 90%, to {
|
738
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
739
|
+
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
740
|
+
}
|
741
|
+
|
516
742
|
0% {
|
517
743
|
opacity: 0;
|
518
|
-
-webkit-transform:
|
519
|
-
transform:
|
744
|
+
-webkit-transform: translate3d(-3000px, 0, 0);
|
745
|
+
transform: translate3d(-3000px, 0, 0);
|
520
746
|
}
|
521
747
|
|
522
748
|
60% {
|
523
749
|
opacity: 1;
|
524
|
-
-webkit-transform:
|
525
|
-
transform:
|
750
|
+
-webkit-transform: translate3d(25px, 0, 0);
|
751
|
+
transform: translate3d(25px, 0, 0);
|
526
752
|
}
|
527
753
|
|
528
|
-
|
529
|
-
-webkit-transform:
|
530
|
-
transform:
|
754
|
+
75% {
|
755
|
+
-webkit-transform: translate3d(-10px, 0, 0);
|
756
|
+
transform: translate3d(-10px, 0, 0);
|
531
757
|
}
|
532
758
|
|
533
|
-
|
534
|
-
-webkit-transform:
|
535
|
-
transform:
|
759
|
+
90% {
|
760
|
+
-webkit-transform: translate3d(5px, 0, 0);
|
761
|
+
transform: translate3d(5px, 0, 0);
|
762
|
+
}
|
763
|
+
|
764
|
+
to {
|
765
|
+
-webkit-transform: none;
|
766
|
+
transform: none;
|
536
767
|
}
|
537
768
|
}
|
538
769
|
|
539
770
|
@keyframes bounceInLeft {
|
771
|
+
from, 60%, 75%, 90%, to {
|
772
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
773
|
+
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
774
|
+
}
|
775
|
+
|
540
776
|
0% {
|
541
777
|
opacity: 0;
|
542
|
-
-webkit-transform:
|
543
|
-
|
544
|
-
transform: translateX(-2000px);
|
778
|
+
-webkit-transform: translate3d(-3000px, 0, 0);
|
779
|
+
transform: translate3d(-3000px, 0, 0);
|
545
780
|
}
|
546
781
|
|
547
782
|
60% {
|
548
783
|
opacity: 1;
|
549
|
-
-webkit-transform:
|
550
|
-
|
551
|
-
transform: translateX(30px);
|
784
|
+
-webkit-transform: translate3d(25px, 0, 0);
|
785
|
+
transform: translate3d(25px, 0, 0);
|
552
786
|
}
|
553
787
|
|
554
|
-
|
555
|
-
-webkit-transform:
|
556
|
-
|
557
|
-
|
788
|
+
75% {
|
789
|
+
-webkit-transform: translate3d(-10px, 0, 0);
|
790
|
+
transform: translate3d(-10px, 0, 0);
|
791
|
+
}
|
792
|
+
|
793
|
+
90% {
|
794
|
+
-webkit-transform: translate3d(5px, 0, 0);
|
795
|
+
transform: translate3d(5px, 0, 0);
|
558
796
|
}
|
559
797
|
|
560
|
-
|
561
|
-
-webkit-transform:
|
562
|
-
|
563
|
-
transform: translateX(0);
|
798
|
+
to {
|
799
|
+
-webkit-transform: none;
|
800
|
+
transform: none;
|
564
801
|
}
|
565
802
|
}
|
566
803
|
|
@@ -570,54 +807,70 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
570
807
|
}
|
571
808
|
|
572
809
|
@-webkit-keyframes bounceInRight {
|
573
|
-
|
810
|
+
from, 60%, 75%, 90%, to {
|
811
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
812
|
+
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
813
|
+
}
|
814
|
+
|
815
|
+
from {
|
574
816
|
opacity: 0;
|
575
|
-
-webkit-transform:
|
576
|
-
transform:
|
817
|
+
-webkit-transform: translate3d(3000px, 0, 0);
|
818
|
+
transform: translate3d(3000px, 0, 0);
|
577
819
|
}
|
578
820
|
|
579
821
|
60% {
|
580
822
|
opacity: 1;
|
581
|
-
-webkit-transform:
|
582
|
-
transform:
|
823
|
+
-webkit-transform: translate3d(-25px, 0, 0);
|
824
|
+
transform: translate3d(-25px, 0, 0);
|
583
825
|
}
|
584
826
|
|
585
|
-
|
586
|
-
-webkit-transform:
|
587
|
-
transform:
|
827
|
+
75% {
|
828
|
+
-webkit-transform: translate3d(10px, 0, 0);
|
829
|
+
transform: translate3d(10px, 0, 0);
|
830
|
+
}
|
831
|
+
|
832
|
+
90% {
|
833
|
+
-webkit-transform: translate3d(-5px, 0, 0);
|
834
|
+
transform: translate3d(-5px, 0, 0);
|
588
835
|
}
|
589
836
|
|
590
|
-
|
591
|
-
-webkit-transform:
|
592
|
-
transform:
|
837
|
+
to {
|
838
|
+
-webkit-transform: none;
|
839
|
+
transform: none;
|
593
840
|
}
|
594
841
|
}
|
595
842
|
|
596
843
|
@keyframes bounceInRight {
|
597
|
-
|
844
|
+
from, 60%, 75%, 90%, to {
|
845
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
846
|
+
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
847
|
+
}
|
848
|
+
|
849
|
+
from {
|
598
850
|
opacity: 0;
|
599
|
-
-webkit-transform:
|
600
|
-
|
601
|
-
transform: translateX(2000px);
|
851
|
+
-webkit-transform: translate3d(3000px, 0, 0);
|
852
|
+
transform: translate3d(3000px, 0, 0);
|
602
853
|
}
|
603
854
|
|
604
855
|
60% {
|
605
856
|
opacity: 1;
|
606
|
-
-webkit-transform:
|
607
|
-
|
608
|
-
transform: translateX(-30px);
|
857
|
+
-webkit-transform: translate3d(-25px, 0, 0);
|
858
|
+
transform: translate3d(-25px, 0, 0);
|
609
859
|
}
|
610
860
|
|
611
|
-
|
612
|
-
-webkit-transform:
|
613
|
-
|
614
|
-
transform: translateX(10px);
|
861
|
+
75% {
|
862
|
+
-webkit-transform: translate3d(10px, 0, 0);
|
863
|
+
transform: translate3d(10px, 0, 0);
|
615
864
|
}
|
616
865
|
|
617
|
-
|
618
|
-
-webkit-transform:
|
619
|
-
|
620
|
-
|
866
|
+
90% {
|
867
|
+
-webkit-transform: translate3d(-5px, 0, 0);
|
868
|
+
transform: translate3d(-5px, 0, 0);
|
869
|
+
}
|
870
|
+
|
871
|
+
to {
|
872
|
+
-webkit-transform: none;
|
873
|
+
transform: none;
|
621
874
|
}
|
622
875
|
}
|
623
876
|
|
@@ -627,54 +880,70 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
627
880
|
}
|
628
881
|
|
629
882
|
@-webkit-keyframes bounceInUp {
|
630
|
-
|
883
|
+
from, 60%, 75%, 90%, to {
|
884
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
885
|
+
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
886
|
+
}
|
887
|
+
|
888
|
+
from {
|
631
889
|
opacity: 0;
|
632
|
-
-webkit-transform:
|
633
|
-
transform:
|
890
|
+
-webkit-transform: translate3d(0, 3000px, 0);
|
891
|
+
transform: translate3d(0, 3000px, 0);
|
634
892
|
}
|
635
893
|
|
636
894
|
60% {
|
637
895
|
opacity: 1;
|
638
|
-
-webkit-transform:
|
639
|
-
transform:
|
896
|
+
-webkit-transform: translate3d(0, -20px, 0);
|
897
|
+
transform: translate3d(0, -20px, 0);
|
640
898
|
}
|
641
899
|
|
642
|
-
|
643
|
-
-webkit-transform:
|
644
|
-
transform:
|
900
|
+
75% {
|
901
|
+
-webkit-transform: translate3d(0, 10px, 0);
|
902
|
+
transform: translate3d(0, 10px, 0);
|
903
|
+
}
|
904
|
+
|
905
|
+
90% {
|
906
|
+
-webkit-transform: translate3d(0, -5px, 0);
|
907
|
+
transform: translate3d(0, -5px, 0);
|
645
908
|
}
|
646
909
|
|
647
|
-
|
648
|
-
-webkit-transform:
|
649
|
-
transform:
|
910
|
+
to {
|
911
|
+
-webkit-transform: translate3d(0, 0, 0);
|
912
|
+
transform: translate3d(0, 0, 0);
|
650
913
|
}
|
651
914
|
}
|
652
915
|
|
653
916
|
@keyframes bounceInUp {
|
654
|
-
|
917
|
+
from, 60%, 75%, 90%, to {
|
918
|
+
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
919
|
+
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
920
|
+
}
|
921
|
+
|
922
|
+
from {
|
655
923
|
opacity: 0;
|
656
|
-
-webkit-transform:
|
657
|
-
|
658
|
-
transform: translateY(2000px);
|
924
|
+
-webkit-transform: translate3d(0, 3000px, 0);
|
925
|
+
transform: translate3d(0, 3000px, 0);
|
659
926
|
}
|
660
927
|
|
661
928
|
60% {
|
662
929
|
opacity: 1;
|
663
|
-
-webkit-transform:
|
664
|
-
|
665
|
-
transform: translateY(-30px);
|
930
|
+
-webkit-transform: translate3d(0, -20px, 0);
|
931
|
+
transform: translate3d(0, -20px, 0);
|
666
932
|
}
|
667
933
|
|
668
|
-
|
669
|
-
-webkit-transform:
|
670
|
-
|
671
|
-
|
934
|
+
75% {
|
935
|
+
-webkit-transform: translate3d(0, 10px, 0);
|
936
|
+
transform: translate3d(0, 10px, 0);
|
937
|
+
}
|
938
|
+
|
939
|
+
90% {
|
940
|
+
-webkit-transform: translate3d(0, -5px, 0);
|
941
|
+
transform: translate3d(0, -5px, 0);
|
672
942
|
}
|
673
943
|
|
674
|
-
|
675
|
-
-webkit-transform:
|
676
|
-
|
677
|
-
transform: translateY(0);
|
944
|
+
to {
|
945
|
+
-webkit-transform: translate3d(0, 0, 0);
|
946
|
+
transform: translate3d(0, 0, 0);
|
678
947
|
}
|
679
948
|
}
|
680
949
|
|
@@ -684,54 +953,40 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
684
953
|
}
|
685
954
|
|
686
955
|
@-webkit-keyframes bounceOut {
|
687
|
-
|
688
|
-
-webkit-transform:
|
689
|
-
transform:
|
690
|
-
}
|
691
|
-
|
692
|
-
25% {
|
693
|
-
-webkit-transform: scale(.95);
|
694
|
-
transform: scale(.95);
|
956
|
+
20% {
|
957
|
+
-webkit-transform: scale3d(.9, .9, .9);
|
958
|
+
transform: scale3d(.9, .9, .9);
|
695
959
|
}
|
696
960
|
|
697
|
-
50% {
|
961
|
+
50%, 55% {
|
698
962
|
opacity: 1;
|
699
|
-
-webkit-transform:
|
700
|
-
transform:
|
963
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
964
|
+
transform: scale3d(1.1, 1.1, 1.1);
|
701
965
|
}
|
702
966
|
|
703
|
-
|
967
|
+
to {
|
704
968
|
opacity: 0;
|
705
|
-
-webkit-transform:
|
706
|
-
transform:
|
969
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
970
|
+
transform: scale3d(.3, .3, .3);
|
707
971
|
}
|
708
972
|
}
|
709
973
|
|
710
974
|
@keyframes bounceOut {
|
711
|
-
|
712
|
-
-webkit-transform:
|
713
|
-
|
714
|
-
transform: scale(1);
|
715
|
-
}
|
716
|
-
|
717
|
-
25% {
|
718
|
-
-webkit-transform: scale(.95);
|
719
|
-
-ms-transform: scale(.95);
|
720
|
-
transform: scale(.95);
|
975
|
+
20% {
|
976
|
+
-webkit-transform: scale3d(.9, .9, .9);
|
977
|
+
transform: scale3d(.9, .9, .9);
|
721
978
|
}
|
722
979
|
|
723
|
-
50% {
|
980
|
+
50%, 55% {
|
724
981
|
opacity: 1;
|
725
|
-
-webkit-transform:
|
726
|
-
|
727
|
-
transform: scale(1.1);
|
982
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
983
|
+
transform: scale3d(1.1, 1.1, 1.1);
|
728
984
|
}
|
729
985
|
|
730
|
-
|
986
|
+
to {
|
731
987
|
opacity: 0;
|
732
|
-
-webkit-transform:
|
733
|
-
|
734
|
-
transform: scale(.3);
|
988
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
989
|
+
transform: scale3d(.3, .3, .3);
|
735
990
|
}
|
736
991
|
}
|
737
992
|
|
@@ -741,43 +996,40 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
741
996
|
}
|
742
997
|
|
743
998
|
@-webkit-keyframes bounceOutDown {
|
744
|
-
|
745
|
-
-webkit-transform:
|
746
|
-
transform:
|
999
|
+
20% {
|
1000
|
+
-webkit-transform: translate3d(0, 10px, 0);
|
1001
|
+
transform: translate3d(0, 10px, 0);
|
747
1002
|
}
|
748
1003
|
|
749
|
-
|
1004
|
+
40%, 45% {
|
750
1005
|
opacity: 1;
|
751
|
-
-webkit-transform:
|
752
|
-
transform:
|
1006
|
+
-webkit-transform: translate3d(0, -20px, 0);
|
1007
|
+
transform: translate3d(0, -20px, 0);
|
753
1008
|
}
|
754
1009
|
|
755
|
-
|
1010
|
+
to {
|
756
1011
|
opacity: 0;
|
757
|
-
-webkit-transform:
|
758
|
-
transform:
|
1012
|
+
-webkit-transform: translate3d(0, 2000px, 0);
|
1013
|
+
transform: translate3d(0, 2000px, 0);
|
759
1014
|
}
|
760
1015
|
}
|
761
1016
|
|
762
1017
|
@keyframes bounceOutDown {
|
763
|
-
|
764
|
-
-webkit-transform:
|
765
|
-
|
766
|
-
transform: translateY(0);
|
1018
|
+
20% {
|
1019
|
+
-webkit-transform: translate3d(0, 10px, 0);
|
1020
|
+
transform: translate3d(0, 10px, 0);
|
767
1021
|
}
|
768
1022
|
|
769
|
-
|
1023
|
+
40%, 45% {
|
770
1024
|
opacity: 1;
|
771
|
-
-webkit-transform:
|
772
|
-
|
773
|
-
transform: translateY(-20px);
|
1025
|
+
-webkit-transform: translate3d(0, -20px, 0);
|
1026
|
+
transform: translate3d(0, -20px, 0);
|
774
1027
|
}
|
775
1028
|
|
776
|
-
|
1029
|
+
to {
|
777
1030
|
opacity: 0;
|
778
|
-
-webkit-transform:
|
779
|
-
|
780
|
-
transform: translateY(2000px);
|
1031
|
+
-webkit-transform: translate3d(0, 2000px, 0);
|
1032
|
+
transform: translate3d(0, 2000px, 0);
|
781
1033
|
}
|
782
1034
|
}
|
783
1035
|
|
@@ -787,43 +1039,30 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
787
1039
|
}
|
788
1040
|
|
789
1041
|
@-webkit-keyframes bounceOutLeft {
|
790
|
-
0% {
|
791
|
-
-webkit-transform: translateX(0);
|
792
|
-
transform: translateX(0);
|
793
|
-
}
|
794
|
-
|
795
1042
|
20% {
|
796
1043
|
opacity: 1;
|
797
|
-
-webkit-transform:
|
798
|
-
transform:
|
1044
|
+
-webkit-transform: translate3d(20px, 0, 0);
|
1045
|
+
transform: translate3d(20px, 0, 0);
|
799
1046
|
}
|
800
1047
|
|
801
|
-
|
1048
|
+
to {
|
802
1049
|
opacity: 0;
|
803
|
-
-webkit-transform:
|
804
|
-
transform:
|
1050
|
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
1051
|
+
transform: translate3d(-2000px, 0, 0);
|
805
1052
|
}
|
806
1053
|
}
|
807
1054
|
|
808
1055
|
@keyframes bounceOutLeft {
|
809
|
-
0% {
|
810
|
-
-webkit-transform: translateX(0);
|
811
|
-
-ms-transform: translateX(0);
|
812
|
-
transform: translateX(0);
|
813
|
-
}
|
814
|
-
|
815
1056
|
20% {
|
816
1057
|
opacity: 1;
|
817
|
-
-webkit-transform:
|
818
|
-
|
819
|
-
transform: translateX(20px);
|
1058
|
+
-webkit-transform: translate3d(20px, 0, 0);
|
1059
|
+
transform: translate3d(20px, 0, 0);
|
820
1060
|
}
|
821
1061
|
|
822
|
-
|
1062
|
+
to {
|
823
1063
|
opacity: 0;
|
824
|
-
-webkit-transform:
|
825
|
-
|
826
|
-
transform: translateX(-2000px);
|
1064
|
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
1065
|
+
transform: translate3d(-2000px, 0, 0);
|
827
1066
|
}
|
828
1067
|
}
|
829
1068
|
|
@@ -833,43 +1072,30 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
833
1072
|
}
|
834
1073
|
|
835
1074
|
@-webkit-keyframes bounceOutRight {
|
836
|
-
0% {
|
837
|
-
-webkit-transform: translateX(0);
|
838
|
-
transform: translateX(0);
|
839
|
-
}
|
840
|
-
|
841
1075
|
20% {
|
842
1076
|
opacity: 1;
|
843
|
-
-webkit-transform:
|
844
|
-
transform:
|
1077
|
+
-webkit-transform: translate3d(-20px, 0, 0);
|
1078
|
+
transform: translate3d(-20px, 0, 0);
|
845
1079
|
}
|
846
1080
|
|
847
|
-
|
1081
|
+
to {
|
848
1082
|
opacity: 0;
|
849
|
-
-webkit-transform:
|
850
|
-
transform:
|
1083
|
+
-webkit-transform: translate3d(2000px, 0, 0);
|
1084
|
+
transform: translate3d(2000px, 0, 0);
|
851
1085
|
}
|
852
1086
|
}
|
853
1087
|
|
854
1088
|
@keyframes bounceOutRight {
|
855
|
-
0% {
|
856
|
-
-webkit-transform: translateX(0);
|
857
|
-
-ms-transform: translateX(0);
|
858
|
-
transform: translateX(0);
|
859
|
-
}
|
860
|
-
|
861
1089
|
20% {
|
862
1090
|
opacity: 1;
|
863
|
-
-webkit-transform:
|
864
|
-
|
865
|
-
transform: translateX(-20px);
|
1091
|
+
-webkit-transform: translate3d(-20px, 0, 0);
|
1092
|
+
transform: translate3d(-20px, 0, 0);
|
866
1093
|
}
|
867
1094
|
|
868
|
-
|
1095
|
+
to {
|
869
1096
|
opacity: 0;
|
870
|
-
-webkit-transform:
|
871
|
-
|
872
|
-
transform: translateX(2000px);
|
1097
|
+
-webkit-transform: translate3d(2000px, 0, 0);
|
1098
|
+
transform: translate3d(2000px, 0, 0);
|
873
1099
|
}
|
874
1100
|
}
|
875
1101
|
|
@@ -879,43 +1105,40 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
879
1105
|
}
|
880
1106
|
|
881
1107
|
@-webkit-keyframes bounceOutUp {
|
882
|
-
|
883
|
-
-webkit-transform:
|
884
|
-
transform:
|
1108
|
+
20% {
|
1109
|
+
-webkit-transform: translate3d(0, -10px, 0);
|
1110
|
+
transform: translate3d(0, -10px, 0);
|
885
1111
|
}
|
886
1112
|
|
887
|
-
|
1113
|
+
40%, 45% {
|
888
1114
|
opacity: 1;
|
889
|
-
-webkit-transform:
|
890
|
-
transform:
|
1115
|
+
-webkit-transform: translate3d(0, 20px, 0);
|
1116
|
+
transform: translate3d(0, 20px, 0);
|
891
1117
|
}
|
892
1118
|
|
893
|
-
|
1119
|
+
to {
|
894
1120
|
opacity: 0;
|
895
|
-
-webkit-transform:
|
896
|
-
transform:
|
1121
|
+
-webkit-transform: translate3d(0, -2000px, 0);
|
1122
|
+
transform: translate3d(0, -2000px, 0);
|
897
1123
|
}
|
898
1124
|
}
|
899
1125
|
|
900
1126
|
@keyframes bounceOutUp {
|
901
|
-
|
902
|
-
-webkit-transform:
|
903
|
-
|
904
|
-
transform: translateY(0);
|
1127
|
+
20% {
|
1128
|
+
-webkit-transform: translate3d(0, -10px, 0);
|
1129
|
+
transform: translate3d(0, -10px, 0);
|
905
1130
|
}
|
906
1131
|
|
907
|
-
|
1132
|
+
40%, 45% {
|
908
1133
|
opacity: 1;
|
909
|
-
-webkit-transform:
|
910
|
-
|
911
|
-
transform: translateY(20px);
|
1134
|
+
-webkit-transform: translate3d(0, 20px, 0);
|
1135
|
+
transform: translate3d(0, 20px, 0);
|
912
1136
|
}
|
913
1137
|
|
914
|
-
|
1138
|
+
to {
|
915
1139
|
opacity: 0;
|
916
|
-
-webkit-transform:
|
917
|
-
|
918
|
-
transform: translateY(-2000px);
|
1140
|
+
-webkit-transform: translate3d(0, -2000px, 0);
|
1141
|
+
transform: translate3d(0, -2000px, 0);
|
919
1142
|
}
|
920
1143
|
}
|
921
1144
|
|
@@ -925,21 +1148,21 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
925
1148
|
}
|
926
1149
|
|
927
1150
|
@-webkit-keyframes fadeIn {
|
928
|
-
|
1151
|
+
from {
|
929
1152
|
opacity: 0;
|
930
1153
|
}
|
931
1154
|
|
932
|
-
|
1155
|
+
to {
|
933
1156
|
opacity: 1;
|
934
1157
|
}
|
935
1158
|
}
|
936
1159
|
|
937
1160
|
@keyframes fadeIn {
|
938
|
-
|
1161
|
+
from {
|
939
1162
|
opacity: 0;
|
940
1163
|
}
|
941
1164
|
|
942
|
-
|
1165
|
+
to {
|
943
1166
|
opacity: 1;
|
944
1167
|
}
|
945
1168
|
}
|
@@ -950,32 +1173,30 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
950
1173
|
}
|
951
1174
|
|
952
1175
|
@-webkit-keyframes fadeInDown {
|
953
|
-
|
1176
|
+
from {
|
954
1177
|
opacity: 0;
|
955
|
-
-webkit-transform:
|
956
|
-
transform:
|
1178
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
1179
|
+
transform: translate3d(0, -100%, 0);
|
957
1180
|
}
|
958
1181
|
|
959
|
-
|
1182
|
+
to {
|
960
1183
|
opacity: 1;
|
961
|
-
-webkit-transform:
|
962
|
-
transform:
|
1184
|
+
-webkit-transform: none;
|
1185
|
+
transform: none;
|
963
1186
|
}
|
964
1187
|
}
|
965
1188
|
|
966
1189
|
@keyframes fadeInDown {
|
967
|
-
|
1190
|
+
from {
|
968
1191
|
opacity: 0;
|
969
|
-
-webkit-transform:
|
970
|
-
|
971
|
-
transform: translateY(-20px);
|
1192
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
1193
|
+
transform: translate3d(0, -100%, 0);
|
972
1194
|
}
|
973
1195
|
|
974
|
-
|
1196
|
+
to {
|
975
1197
|
opacity: 1;
|
976
|
-
-webkit-transform:
|
977
|
-
|
978
|
-
transform: translateY(0);
|
1198
|
+
-webkit-transform: none;
|
1199
|
+
transform: none;
|
979
1200
|
}
|
980
1201
|
}
|
981
1202
|
|
@@ -985,32 +1206,30 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
985
1206
|
}
|
986
1207
|
|
987
1208
|
@-webkit-keyframes fadeInDownBig {
|
988
|
-
|
1209
|
+
from {
|
989
1210
|
opacity: 0;
|
990
|
-
-webkit-transform:
|
991
|
-
transform:
|
1211
|
+
-webkit-transform: translate3d(0, -2000px, 0);
|
1212
|
+
transform: translate3d(0, -2000px, 0);
|
992
1213
|
}
|
993
1214
|
|
994
|
-
|
1215
|
+
to {
|
995
1216
|
opacity: 1;
|
996
|
-
-webkit-transform:
|
997
|
-
transform:
|
1217
|
+
-webkit-transform: none;
|
1218
|
+
transform: none;
|
998
1219
|
}
|
999
1220
|
}
|
1000
1221
|
|
1001
1222
|
@keyframes fadeInDownBig {
|
1002
|
-
|
1223
|
+
from {
|
1003
1224
|
opacity: 0;
|
1004
|
-
-webkit-transform:
|
1005
|
-
|
1006
|
-
transform: translateY(-2000px);
|
1225
|
+
-webkit-transform: translate3d(0, -2000px, 0);
|
1226
|
+
transform: translate3d(0, -2000px, 0);
|
1007
1227
|
}
|
1008
1228
|
|
1009
|
-
|
1229
|
+
to {
|
1010
1230
|
opacity: 1;
|
1011
|
-
-webkit-transform:
|
1012
|
-
|
1013
|
-
transform: translateY(0);
|
1231
|
+
-webkit-transform: none;
|
1232
|
+
transform: none;
|
1014
1233
|
}
|
1015
1234
|
}
|
1016
1235
|
|
@@ -1020,32 +1239,30 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1020
1239
|
}
|
1021
1240
|
|
1022
1241
|
@-webkit-keyframes fadeInLeft {
|
1023
|
-
|
1242
|
+
from {
|
1024
1243
|
opacity: 0;
|
1025
|
-
-webkit-transform:
|
1026
|
-
transform:
|
1244
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
1245
|
+
transform: translate3d(-100%, 0, 0);
|
1027
1246
|
}
|
1028
1247
|
|
1029
|
-
|
1248
|
+
to {
|
1030
1249
|
opacity: 1;
|
1031
|
-
-webkit-transform:
|
1032
|
-
transform:
|
1250
|
+
-webkit-transform: none;
|
1251
|
+
transform: none;
|
1033
1252
|
}
|
1034
1253
|
}
|
1035
1254
|
|
1036
1255
|
@keyframes fadeInLeft {
|
1037
|
-
|
1256
|
+
from {
|
1038
1257
|
opacity: 0;
|
1039
|
-
-webkit-transform:
|
1040
|
-
|
1041
|
-
transform: translateX(-20px);
|
1258
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
1259
|
+
transform: translate3d(-100%, 0, 0);
|
1042
1260
|
}
|
1043
1261
|
|
1044
|
-
|
1262
|
+
to {
|
1045
1263
|
opacity: 1;
|
1046
|
-
-webkit-transform:
|
1047
|
-
|
1048
|
-
transform: translateX(0);
|
1264
|
+
-webkit-transform: none;
|
1265
|
+
transform: none;
|
1049
1266
|
}
|
1050
1267
|
}
|
1051
1268
|
|
@@ -1055,32 +1272,30 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1055
1272
|
}
|
1056
1273
|
|
1057
1274
|
@-webkit-keyframes fadeInLeftBig {
|
1058
|
-
|
1275
|
+
from {
|
1059
1276
|
opacity: 0;
|
1060
|
-
-webkit-transform:
|
1061
|
-
transform:
|
1277
|
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
1278
|
+
transform: translate3d(-2000px, 0, 0);
|
1062
1279
|
}
|
1063
1280
|
|
1064
|
-
|
1281
|
+
to {
|
1065
1282
|
opacity: 1;
|
1066
|
-
-webkit-transform:
|
1067
|
-
transform:
|
1283
|
+
-webkit-transform: none;
|
1284
|
+
transform: none;
|
1068
1285
|
}
|
1069
1286
|
}
|
1070
1287
|
|
1071
1288
|
@keyframes fadeInLeftBig {
|
1072
|
-
|
1289
|
+
from {
|
1073
1290
|
opacity: 0;
|
1074
|
-
-webkit-transform:
|
1075
|
-
|
1076
|
-
transform: translateX(-2000px);
|
1291
|
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
1292
|
+
transform: translate3d(-2000px, 0, 0);
|
1077
1293
|
}
|
1078
1294
|
|
1079
|
-
|
1295
|
+
to {
|
1080
1296
|
opacity: 1;
|
1081
|
-
-webkit-transform:
|
1082
|
-
|
1083
|
-
transform: translateX(0);
|
1297
|
+
-webkit-transform: none;
|
1298
|
+
transform: none;
|
1084
1299
|
}
|
1085
1300
|
}
|
1086
1301
|
|
@@ -1090,32 +1305,30 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1090
1305
|
}
|
1091
1306
|
|
1092
1307
|
@-webkit-keyframes fadeInRight {
|
1093
|
-
|
1308
|
+
from {
|
1094
1309
|
opacity: 0;
|
1095
|
-
-webkit-transform:
|
1096
|
-
transform:
|
1310
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
1311
|
+
transform: translate3d(100%, 0, 0);
|
1097
1312
|
}
|
1098
1313
|
|
1099
|
-
|
1314
|
+
to {
|
1100
1315
|
opacity: 1;
|
1101
|
-
-webkit-transform:
|
1102
|
-
transform:
|
1316
|
+
-webkit-transform: none;
|
1317
|
+
transform: none;
|
1103
1318
|
}
|
1104
1319
|
}
|
1105
1320
|
|
1106
1321
|
@keyframes fadeInRight {
|
1107
|
-
|
1322
|
+
from {
|
1108
1323
|
opacity: 0;
|
1109
|
-
-webkit-transform:
|
1110
|
-
|
1111
|
-
transform: translateX(20px);
|
1324
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
1325
|
+
transform: translate3d(100%, 0, 0);
|
1112
1326
|
}
|
1113
1327
|
|
1114
|
-
|
1328
|
+
to {
|
1115
1329
|
opacity: 1;
|
1116
|
-
-webkit-transform:
|
1117
|
-
|
1118
|
-
transform: translateX(0);
|
1330
|
+
-webkit-transform: none;
|
1331
|
+
transform: none;
|
1119
1332
|
}
|
1120
1333
|
}
|
1121
1334
|
|
@@ -1125,32 +1338,30 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1125
1338
|
}
|
1126
1339
|
|
1127
1340
|
@-webkit-keyframes fadeInRightBig {
|
1128
|
-
|
1341
|
+
from {
|
1129
1342
|
opacity: 0;
|
1130
|
-
-webkit-transform:
|
1131
|
-
transform:
|
1343
|
+
-webkit-transform: translate3d(2000px, 0, 0);
|
1344
|
+
transform: translate3d(2000px, 0, 0);
|
1132
1345
|
}
|
1133
1346
|
|
1134
|
-
|
1347
|
+
to {
|
1135
1348
|
opacity: 1;
|
1136
|
-
-webkit-transform:
|
1137
|
-
transform:
|
1349
|
+
-webkit-transform: none;
|
1350
|
+
transform: none;
|
1138
1351
|
}
|
1139
1352
|
}
|
1140
1353
|
|
1141
1354
|
@keyframes fadeInRightBig {
|
1142
|
-
|
1355
|
+
from {
|
1143
1356
|
opacity: 0;
|
1144
|
-
-webkit-transform:
|
1145
|
-
|
1146
|
-
transform: translateX(2000px);
|
1357
|
+
-webkit-transform: translate3d(2000px, 0, 0);
|
1358
|
+
transform: translate3d(2000px, 0, 0);
|
1147
1359
|
}
|
1148
1360
|
|
1149
|
-
|
1361
|
+
to {
|
1150
1362
|
opacity: 1;
|
1151
|
-
-webkit-transform:
|
1152
|
-
|
1153
|
-
transform: translateX(0);
|
1363
|
+
-webkit-transform: none;
|
1364
|
+
transform: none;
|
1154
1365
|
}
|
1155
1366
|
}
|
1156
1367
|
|
@@ -1160,32 +1371,30 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1160
1371
|
}
|
1161
1372
|
|
1162
1373
|
@-webkit-keyframes fadeInUp {
|
1163
|
-
|
1374
|
+
from {
|
1164
1375
|
opacity: 0;
|
1165
|
-
-webkit-transform:
|
1166
|
-
transform:
|
1376
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
1377
|
+
transform: translate3d(0, 100%, 0);
|
1167
1378
|
}
|
1168
1379
|
|
1169
|
-
|
1380
|
+
to {
|
1170
1381
|
opacity: 1;
|
1171
|
-
-webkit-transform:
|
1172
|
-
transform:
|
1382
|
+
-webkit-transform: none;
|
1383
|
+
transform: none;
|
1173
1384
|
}
|
1174
1385
|
}
|
1175
1386
|
|
1176
1387
|
@keyframes fadeInUp {
|
1177
|
-
|
1388
|
+
from {
|
1178
1389
|
opacity: 0;
|
1179
|
-
-webkit-transform:
|
1180
|
-
|
1181
|
-
transform: translateY(20px);
|
1390
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
1391
|
+
transform: translate3d(0, 100%, 0);
|
1182
1392
|
}
|
1183
1393
|
|
1184
|
-
|
1394
|
+
to {
|
1185
1395
|
opacity: 1;
|
1186
|
-
-webkit-transform:
|
1187
|
-
|
1188
|
-
transform: translateY(0);
|
1396
|
+
-webkit-transform: none;
|
1397
|
+
transform: none;
|
1189
1398
|
}
|
1190
1399
|
}
|
1191
1400
|
|
@@ -1195,32 +1404,30 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1195
1404
|
}
|
1196
1405
|
|
1197
1406
|
@-webkit-keyframes fadeInUpBig {
|
1198
|
-
|
1407
|
+
from {
|
1199
1408
|
opacity: 0;
|
1200
|
-
-webkit-transform:
|
1201
|
-
transform:
|
1409
|
+
-webkit-transform: translate3d(0, 2000px, 0);
|
1410
|
+
transform: translate3d(0, 2000px, 0);
|
1202
1411
|
}
|
1203
1412
|
|
1204
|
-
|
1413
|
+
to {
|
1205
1414
|
opacity: 1;
|
1206
|
-
-webkit-transform:
|
1207
|
-
transform:
|
1415
|
+
-webkit-transform: none;
|
1416
|
+
transform: none;
|
1208
1417
|
}
|
1209
1418
|
}
|
1210
1419
|
|
1211
1420
|
@keyframes fadeInUpBig {
|
1212
|
-
|
1421
|
+
from {
|
1213
1422
|
opacity: 0;
|
1214
|
-
-webkit-transform:
|
1215
|
-
|
1216
|
-
transform: translateY(2000px);
|
1423
|
+
-webkit-transform: translate3d(0, 2000px, 0);
|
1424
|
+
transform: translate3d(0, 2000px, 0);
|
1217
1425
|
}
|
1218
1426
|
|
1219
|
-
|
1427
|
+
to {
|
1220
1428
|
opacity: 1;
|
1221
|
-
-webkit-transform:
|
1222
|
-
|
1223
|
-
transform: translateY(0);
|
1429
|
+
-webkit-transform: none;
|
1430
|
+
transform: none;
|
1224
1431
|
}
|
1225
1432
|
}
|
1226
1433
|
|
@@ -1230,21 +1437,21 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1230
1437
|
}
|
1231
1438
|
|
1232
1439
|
@-webkit-keyframes fadeOut {
|
1233
|
-
|
1440
|
+
from {
|
1234
1441
|
opacity: 1;
|
1235
1442
|
}
|
1236
1443
|
|
1237
|
-
|
1444
|
+
to {
|
1238
1445
|
opacity: 0;
|
1239
1446
|
}
|
1240
1447
|
}
|
1241
1448
|
|
1242
1449
|
@keyframes fadeOut {
|
1243
|
-
|
1450
|
+
from {
|
1244
1451
|
opacity: 1;
|
1245
1452
|
}
|
1246
1453
|
|
1247
|
-
|
1454
|
+
to {
|
1248
1455
|
opacity: 0;
|
1249
1456
|
}
|
1250
1457
|
}
|
@@ -1255,32 +1462,26 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1255
1462
|
}
|
1256
1463
|
|
1257
1464
|
@-webkit-keyframes fadeOutDown {
|
1258
|
-
|
1465
|
+
from {
|
1259
1466
|
opacity: 1;
|
1260
|
-
-webkit-transform: translateY(0);
|
1261
|
-
transform: translateY(0);
|
1262
1467
|
}
|
1263
1468
|
|
1264
|
-
|
1469
|
+
to {
|
1265
1470
|
opacity: 0;
|
1266
|
-
-webkit-transform:
|
1267
|
-
transform:
|
1471
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
1472
|
+
transform: translate3d(0, 100%, 0);
|
1268
1473
|
}
|
1269
1474
|
}
|
1270
1475
|
|
1271
1476
|
@keyframes fadeOutDown {
|
1272
|
-
|
1477
|
+
from {
|
1273
1478
|
opacity: 1;
|
1274
|
-
-webkit-transform: translateY(0);
|
1275
|
-
-ms-transform: translateY(0);
|
1276
|
-
transform: translateY(0);
|
1277
1479
|
}
|
1278
1480
|
|
1279
|
-
|
1481
|
+
to {
|
1280
1482
|
opacity: 0;
|
1281
|
-
-webkit-transform:
|
1282
|
-
|
1283
|
-
transform: translateY(20px);
|
1483
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
1484
|
+
transform: translate3d(0, 100%, 0);
|
1284
1485
|
}
|
1285
1486
|
}
|
1286
1487
|
|
@@ -1290,32 +1491,26 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1290
1491
|
}
|
1291
1492
|
|
1292
1493
|
@-webkit-keyframes fadeOutDownBig {
|
1293
|
-
|
1494
|
+
from {
|
1294
1495
|
opacity: 1;
|
1295
|
-
-webkit-transform: translateY(0);
|
1296
|
-
transform: translateY(0);
|
1297
1496
|
}
|
1298
1497
|
|
1299
|
-
|
1498
|
+
to {
|
1300
1499
|
opacity: 0;
|
1301
|
-
-webkit-transform:
|
1302
|
-
transform:
|
1500
|
+
-webkit-transform: translate3d(0, 2000px, 0);
|
1501
|
+
transform: translate3d(0, 2000px, 0);
|
1303
1502
|
}
|
1304
1503
|
}
|
1305
1504
|
|
1306
1505
|
@keyframes fadeOutDownBig {
|
1307
|
-
|
1506
|
+
from {
|
1308
1507
|
opacity: 1;
|
1309
|
-
-webkit-transform: translateY(0);
|
1310
|
-
-ms-transform: translateY(0);
|
1311
|
-
transform: translateY(0);
|
1312
1508
|
}
|
1313
1509
|
|
1314
|
-
|
1510
|
+
to {
|
1315
1511
|
opacity: 0;
|
1316
|
-
-webkit-transform:
|
1317
|
-
|
1318
|
-
transform: translateY(2000px);
|
1512
|
+
-webkit-transform: translate3d(0, 2000px, 0);
|
1513
|
+
transform: translate3d(0, 2000px, 0);
|
1319
1514
|
}
|
1320
1515
|
}
|
1321
1516
|
|
@@ -1325,32 +1520,26 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1325
1520
|
}
|
1326
1521
|
|
1327
1522
|
@-webkit-keyframes fadeOutLeft {
|
1328
|
-
|
1523
|
+
from {
|
1329
1524
|
opacity: 1;
|
1330
|
-
-webkit-transform: translateX(0);
|
1331
|
-
transform: translateX(0);
|
1332
1525
|
}
|
1333
1526
|
|
1334
|
-
|
1527
|
+
to {
|
1335
1528
|
opacity: 0;
|
1336
|
-
-webkit-transform:
|
1337
|
-
transform:
|
1529
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
1530
|
+
transform: translate3d(-100%, 0, 0);
|
1338
1531
|
}
|
1339
1532
|
}
|
1340
1533
|
|
1341
1534
|
@keyframes fadeOutLeft {
|
1342
|
-
|
1535
|
+
from {
|
1343
1536
|
opacity: 1;
|
1344
|
-
-webkit-transform: translateX(0);
|
1345
|
-
-ms-transform: translateX(0);
|
1346
|
-
transform: translateX(0);
|
1347
1537
|
}
|
1348
1538
|
|
1349
|
-
|
1539
|
+
to {
|
1350
1540
|
opacity: 0;
|
1351
|
-
-webkit-transform:
|
1352
|
-
|
1353
|
-
transform: translateX(-20px);
|
1541
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
1542
|
+
transform: translate3d(-100%, 0, 0);
|
1354
1543
|
}
|
1355
1544
|
}
|
1356
1545
|
|
@@ -1360,32 +1549,26 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1360
1549
|
}
|
1361
1550
|
|
1362
1551
|
@-webkit-keyframes fadeOutLeftBig {
|
1363
|
-
|
1552
|
+
from {
|
1364
1553
|
opacity: 1;
|
1365
|
-
-webkit-transform: translateX(0);
|
1366
|
-
transform: translateX(0);
|
1367
1554
|
}
|
1368
1555
|
|
1369
|
-
|
1556
|
+
to {
|
1370
1557
|
opacity: 0;
|
1371
|
-
-webkit-transform:
|
1372
|
-
transform:
|
1558
|
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
1559
|
+
transform: translate3d(-2000px, 0, 0);
|
1373
1560
|
}
|
1374
1561
|
}
|
1375
1562
|
|
1376
1563
|
@keyframes fadeOutLeftBig {
|
1377
|
-
|
1564
|
+
from {
|
1378
1565
|
opacity: 1;
|
1379
|
-
-webkit-transform: translateX(0);
|
1380
|
-
-ms-transform: translateX(0);
|
1381
|
-
transform: translateX(0);
|
1382
1566
|
}
|
1383
1567
|
|
1384
|
-
|
1568
|
+
to {
|
1385
1569
|
opacity: 0;
|
1386
|
-
-webkit-transform:
|
1387
|
-
|
1388
|
-
transform: translateX(-2000px);
|
1570
|
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
1571
|
+
transform: translate3d(-2000px, 0, 0);
|
1389
1572
|
}
|
1390
1573
|
}
|
1391
1574
|
|
@@ -1395,32 +1578,26 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1395
1578
|
}
|
1396
1579
|
|
1397
1580
|
@-webkit-keyframes fadeOutRight {
|
1398
|
-
|
1581
|
+
from {
|
1399
1582
|
opacity: 1;
|
1400
|
-
-webkit-transform: translateX(0);
|
1401
|
-
transform: translateX(0);
|
1402
1583
|
}
|
1403
1584
|
|
1404
|
-
|
1585
|
+
to {
|
1405
1586
|
opacity: 0;
|
1406
|
-
-webkit-transform:
|
1407
|
-
transform:
|
1587
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
1588
|
+
transform: translate3d(100%, 0, 0);
|
1408
1589
|
}
|
1409
1590
|
}
|
1410
1591
|
|
1411
1592
|
@keyframes fadeOutRight {
|
1412
|
-
|
1593
|
+
from {
|
1413
1594
|
opacity: 1;
|
1414
|
-
-webkit-transform: translateX(0);
|
1415
|
-
-ms-transform: translateX(0);
|
1416
|
-
transform: translateX(0);
|
1417
1595
|
}
|
1418
1596
|
|
1419
|
-
|
1597
|
+
to {
|
1420
1598
|
opacity: 0;
|
1421
|
-
-webkit-transform:
|
1422
|
-
|
1423
|
-
transform: translateX(20px);
|
1599
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
1600
|
+
transform: translate3d(100%, 0, 0);
|
1424
1601
|
}
|
1425
1602
|
}
|
1426
1603
|
|
@@ -1430,32 +1607,26 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1430
1607
|
}
|
1431
1608
|
|
1432
1609
|
@-webkit-keyframes fadeOutRightBig {
|
1433
|
-
|
1610
|
+
from {
|
1434
1611
|
opacity: 1;
|
1435
|
-
-webkit-transform: translateX(0);
|
1436
|
-
transform: translateX(0);
|
1437
1612
|
}
|
1438
1613
|
|
1439
|
-
|
1614
|
+
to {
|
1440
1615
|
opacity: 0;
|
1441
|
-
-webkit-transform:
|
1442
|
-
transform:
|
1616
|
+
-webkit-transform: translate3d(2000px, 0, 0);
|
1617
|
+
transform: translate3d(2000px, 0, 0);
|
1443
1618
|
}
|
1444
1619
|
}
|
1445
1620
|
|
1446
1621
|
@keyframes fadeOutRightBig {
|
1447
|
-
|
1622
|
+
from {
|
1448
1623
|
opacity: 1;
|
1449
|
-
-webkit-transform: translateX(0);
|
1450
|
-
-ms-transform: translateX(0);
|
1451
|
-
transform: translateX(0);
|
1452
1624
|
}
|
1453
1625
|
|
1454
|
-
|
1626
|
+
to {
|
1455
1627
|
opacity: 0;
|
1456
|
-
-webkit-transform:
|
1457
|
-
|
1458
|
-
transform: translateX(2000px);
|
1628
|
+
-webkit-transform: translate3d(2000px, 0, 0);
|
1629
|
+
transform: translate3d(2000px, 0, 0);
|
1459
1630
|
}
|
1460
1631
|
}
|
1461
1632
|
|
@@ -1465,32 +1636,26 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1465
1636
|
}
|
1466
1637
|
|
1467
1638
|
@-webkit-keyframes fadeOutUp {
|
1468
|
-
|
1639
|
+
from {
|
1469
1640
|
opacity: 1;
|
1470
|
-
-webkit-transform: translateY(0);
|
1471
|
-
transform: translateY(0);
|
1472
1641
|
}
|
1473
1642
|
|
1474
|
-
|
1643
|
+
to {
|
1475
1644
|
opacity: 0;
|
1476
|
-
-webkit-transform:
|
1477
|
-
transform:
|
1645
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
1646
|
+
transform: translate3d(0, -100%, 0);
|
1478
1647
|
}
|
1479
1648
|
}
|
1480
1649
|
|
1481
1650
|
@keyframes fadeOutUp {
|
1482
|
-
|
1651
|
+
from {
|
1483
1652
|
opacity: 1;
|
1484
|
-
-webkit-transform: translateY(0);
|
1485
|
-
-ms-transform: translateY(0);
|
1486
|
-
transform: translateY(0);
|
1487
1653
|
}
|
1488
1654
|
|
1489
|
-
|
1655
|
+
to {
|
1490
1656
|
opacity: 0;
|
1491
|
-
-webkit-transform:
|
1492
|
-
|
1493
|
-
transform: translateY(-20px);
|
1657
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
1658
|
+
transform: translate3d(0, -100%, 0);
|
1494
1659
|
}
|
1495
1660
|
}
|
1496
1661
|
|
@@ -1500,32 +1665,26 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1500
1665
|
}
|
1501
1666
|
|
1502
1667
|
@-webkit-keyframes fadeOutUpBig {
|
1503
|
-
|
1668
|
+
from {
|
1504
1669
|
opacity: 1;
|
1505
|
-
-webkit-transform: translateY(0);
|
1506
|
-
transform: translateY(0);
|
1507
1670
|
}
|
1508
1671
|
|
1509
|
-
|
1672
|
+
to {
|
1510
1673
|
opacity: 0;
|
1511
|
-
-webkit-transform:
|
1512
|
-
transform:
|
1674
|
+
-webkit-transform: translate3d(0, -2000px, 0);
|
1675
|
+
transform: translate3d(0, -2000px, 0);
|
1513
1676
|
}
|
1514
1677
|
}
|
1515
1678
|
|
1516
1679
|
@keyframes fadeOutUpBig {
|
1517
|
-
|
1680
|
+
from {
|
1518
1681
|
opacity: 1;
|
1519
|
-
-webkit-transform: translateY(0);
|
1520
|
-
-ms-transform: translateY(0);
|
1521
|
-
transform: translateY(0);
|
1522
1682
|
}
|
1523
1683
|
|
1524
|
-
|
1684
|
+
to {
|
1525
1685
|
opacity: 0;
|
1526
|
-
-webkit-transform:
|
1527
|
-
|
1528
|
-
transform: translateY(-2000px);
|
1686
|
+
-webkit-transform: translate3d(0, -2000px, 0);
|
1687
|
+
transform: translate3d(0, -2000px, 0);
|
1529
1688
|
}
|
1530
1689
|
}
|
1531
1690
|
|
@@ -1535,79 +1694,74 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1535
1694
|
}
|
1536
1695
|
|
1537
1696
|
@-webkit-keyframes flip {
|
1538
|
-
|
1539
|
-
-webkit-transform: perspective(400px)
|
1540
|
-
transform: perspective(400px)
|
1697
|
+
from {
|
1698
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
1699
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
1541
1700
|
-webkit-animation-timing-function: ease-out;
|
1542
1701
|
animation-timing-function: ease-out;
|
1543
1702
|
}
|
1544
1703
|
|
1545
1704
|
40% {
|
1546
|
-
-webkit-transform: perspective(400px)
|
1547
|
-
transform: perspective(400px)
|
1705
|
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
1706
|
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
1548
1707
|
-webkit-animation-timing-function: ease-out;
|
1549
1708
|
animation-timing-function: ease-out;
|
1550
1709
|
}
|
1551
1710
|
|
1552
1711
|
50% {
|
1553
|
-
-webkit-transform: perspective(400px)
|
1554
|
-
transform: perspective(400px)
|
1712
|
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
1713
|
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
1555
1714
|
-webkit-animation-timing-function: ease-in;
|
1556
1715
|
animation-timing-function: ease-in;
|
1557
1716
|
}
|
1558
1717
|
|
1559
1718
|
80% {
|
1560
|
-
-webkit-transform: perspective(400px)
|
1561
|
-
transform: perspective(400px)
|
1719
|
+
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
1720
|
+
transform: perspective(400px) scale3d(.95, .95, .95);
|
1562
1721
|
-webkit-animation-timing-function: ease-in;
|
1563
1722
|
animation-timing-function: ease-in;
|
1564
1723
|
}
|
1565
1724
|
|
1566
|
-
|
1567
|
-
-webkit-transform: perspective(400px)
|
1568
|
-
transform: perspective(400px)
|
1725
|
+
to {
|
1726
|
+
-webkit-transform: perspective(400px);
|
1727
|
+
transform: perspective(400px);
|
1569
1728
|
-webkit-animation-timing-function: ease-in;
|
1570
1729
|
animation-timing-function: ease-in;
|
1571
1730
|
}
|
1572
1731
|
}
|
1573
1732
|
|
1574
1733
|
@keyframes flip {
|
1575
|
-
|
1576
|
-
-webkit-transform: perspective(400px)
|
1577
|
-
|
1578
|
-
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
|
1734
|
+
from {
|
1735
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
1736
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
1579
1737
|
-webkit-animation-timing-function: ease-out;
|
1580
1738
|
animation-timing-function: ease-out;
|
1581
1739
|
}
|
1582
1740
|
|
1583
1741
|
40% {
|
1584
|
-
-webkit-transform: perspective(400px)
|
1585
|
-
|
1586
|
-
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
|
1742
|
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
1743
|
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
1587
1744
|
-webkit-animation-timing-function: ease-out;
|
1588
1745
|
animation-timing-function: ease-out;
|
1589
1746
|
}
|
1590
1747
|
|
1591
1748
|
50% {
|
1592
|
-
-webkit-transform: perspective(400px)
|
1593
|
-
|
1594
|
-
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
1749
|
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
1750
|
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
1595
1751
|
-webkit-animation-timing-function: ease-in;
|
1596
1752
|
animation-timing-function: ease-in;
|
1597
1753
|
}
|
1598
1754
|
|
1599
1755
|
80% {
|
1600
|
-
-webkit-transform: perspective(400px)
|
1601
|
-
|
1602
|
-
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
|
1756
|
+
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
1757
|
+
transform: perspective(400px) scale3d(.95, .95, .95);
|
1603
1758
|
-webkit-animation-timing-function: ease-in;
|
1604
1759
|
animation-timing-function: ease-in;
|
1605
1760
|
}
|
1606
1761
|
|
1607
|
-
|
1608
|
-
-webkit-transform: perspective(400px)
|
1609
|
-
|
1610
|
-
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
|
1762
|
+
to {
|
1763
|
+
-webkit-transform: perspective(400px);
|
1764
|
+
transform: perspective(400px);
|
1611
1765
|
-webkit-animation-timing-function: ease-in;
|
1612
1766
|
animation-timing-function: ease-in;
|
1613
1767
|
}
|
@@ -1615,158 +1769,191 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1615
1769
|
|
1616
1770
|
.animated.flip {
|
1617
1771
|
-webkit-backface-visibility: visible;
|
1618
|
-
-ms-backface-visibility: visible;
|
1619
1772
|
backface-visibility: visible;
|
1620
1773
|
-webkit-animation-name: flip;
|
1621
1774
|
animation-name: flip;
|
1622
1775
|
}
|
1623
1776
|
|
1624
1777
|
@-webkit-keyframes flipInX {
|
1625
|
-
|
1626
|
-
-webkit-transform: perspective(400px)
|
1627
|
-
transform: perspective(400px)
|
1778
|
+
from {
|
1779
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1780
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1781
|
+
-webkit-animation-timing-function: ease-in;
|
1782
|
+
animation-timing-function: ease-in;
|
1628
1783
|
opacity: 0;
|
1629
1784
|
}
|
1630
1785
|
|
1631
1786
|
40% {
|
1632
|
-
-webkit-transform: perspective(400px)
|
1633
|
-
transform: perspective(400px)
|
1634
|
-
|
1635
|
-
|
1636
|
-
70% {
|
1637
|
-
-webkit-transform: perspective(400px) rotateX(10deg);
|
1638
|
-
transform: perspective(400px) rotateX(10deg);
|
1787
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1788
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1789
|
+
-webkit-animation-timing-function: ease-in;
|
1790
|
+
animation-timing-function: ease-in;
|
1639
1791
|
}
|
1640
1792
|
|
1641
|
-
|
1642
|
-
-webkit-transform: perspective(400px)
|
1643
|
-
transform: perspective(400px)
|
1793
|
+
60% {
|
1794
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
1795
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
1644
1796
|
opacity: 1;
|
1645
1797
|
}
|
1798
|
+
|
1799
|
+
80% {
|
1800
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
1801
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
1802
|
+
}
|
1803
|
+
|
1804
|
+
to {
|
1805
|
+
-webkit-transform: perspective(400px);
|
1806
|
+
transform: perspective(400px);
|
1807
|
+
}
|
1646
1808
|
}
|
1647
1809
|
|
1648
1810
|
@keyframes flipInX {
|
1649
|
-
|
1650
|
-
-webkit-transform: perspective(400px)
|
1651
|
-
|
1652
|
-
|
1811
|
+
from {
|
1812
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1813
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1814
|
+
-webkit-animation-timing-function: ease-in;
|
1815
|
+
animation-timing-function: ease-in;
|
1653
1816
|
opacity: 0;
|
1654
1817
|
}
|
1655
1818
|
|
1656
1819
|
40% {
|
1657
|
-
-webkit-transform: perspective(400px)
|
1658
|
-
|
1659
|
-
|
1820
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1821
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1822
|
+
-webkit-animation-timing-function: ease-in;
|
1823
|
+
animation-timing-function: ease-in;
|
1660
1824
|
}
|
1661
1825
|
|
1662
|
-
|
1663
|
-
-webkit-transform: perspective(400px)
|
1664
|
-
|
1665
|
-
|
1826
|
+
60% {
|
1827
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
1828
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
1829
|
+
opacity: 1;
|
1666
1830
|
}
|
1667
1831
|
|
1668
|
-
|
1669
|
-
-webkit-transform: perspective(400px)
|
1670
|
-
|
1671
|
-
|
1672
|
-
|
1832
|
+
80% {
|
1833
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
1834
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
1835
|
+
}
|
1836
|
+
|
1837
|
+
to {
|
1838
|
+
-webkit-transform: perspective(400px);
|
1839
|
+
transform: perspective(400px);
|
1673
1840
|
}
|
1674
1841
|
}
|
1675
1842
|
|
1676
1843
|
.flipInX {
|
1677
1844
|
-webkit-backface-visibility: visible !important;
|
1678
|
-
-ms-backface-visibility: visible !important;
|
1679
1845
|
backface-visibility: visible !important;
|
1680
1846
|
-webkit-animation-name: flipInX;
|
1681
1847
|
animation-name: flipInX;
|
1682
1848
|
}
|
1683
1849
|
|
1684
1850
|
@-webkit-keyframes flipInY {
|
1685
|
-
|
1686
|
-
-webkit-transform: perspective(400px)
|
1687
|
-
transform: perspective(400px)
|
1851
|
+
from {
|
1852
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1853
|
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1854
|
+
-webkit-animation-timing-function: ease-in;
|
1855
|
+
animation-timing-function: ease-in;
|
1688
1856
|
opacity: 0;
|
1689
1857
|
}
|
1690
1858
|
|
1691
1859
|
40% {
|
1692
|
-
-webkit-transform: perspective(400px)
|
1693
|
-
transform: perspective(400px)
|
1860
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
1861
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
1862
|
+
-webkit-animation-timing-function: ease-in;
|
1863
|
+
animation-timing-function: ease-in;
|
1694
1864
|
}
|
1695
1865
|
|
1696
|
-
|
1697
|
-
-webkit-transform: perspective(400px)
|
1698
|
-
transform: perspective(400px)
|
1866
|
+
60% {
|
1867
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
1868
|
+
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
1869
|
+
opacity: 1;
|
1699
1870
|
}
|
1700
1871
|
|
1701
|
-
|
1702
|
-
-webkit-transform: perspective(400px)
|
1703
|
-
transform: perspective(400px)
|
1704
|
-
|
1872
|
+
80% {
|
1873
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
1874
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
1875
|
+
}
|
1876
|
+
|
1877
|
+
to {
|
1878
|
+
-webkit-transform: perspective(400px);
|
1879
|
+
transform: perspective(400px);
|
1705
1880
|
}
|
1706
1881
|
}
|
1707
1882
|
|
1708
1883
|
@keyframes flipInY {
|
1709
|
-
|
1710
|
-
-webkit-transform: perspective(400px)
|
1711
|
-
|
1712
|
-
|
1884
|
+
from {
|
1885
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1886
|
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1887
|
+
-webkit-animation-timing-function: ease-in;
|
1888
|
+
animation-timing-function: ease-in;
|
1713
1889
|
opacity: 0;
|
1714
1890
|
}
|
1715
1891
|
|
1716
1892
|
40% {
|
1717
|
-
-webkit-transform: perspective(400px)
|
1718
|
-
|
1719
|
-
|
1893
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
1894
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
1895
|
+
-webkit-animation-timing-function: ease-in;
|
1896
|
+
animation-timing-function: ease-in;
|
1720
1897
|
}
|
1721
1898
|
|
1722
|
-
|
1723
|
-
-webkit-transform: perspective(400px)
|
1724
|
-
|
1725
|
-
|
1899
|
+
60% {
|
1900
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
1901
|
+
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
1902
|
+
opacity: 1;
|
1726
1903
|
}
|
1727
1904
|
|
1728
|
-
|
1729
|
-
-webkit-transform: perspective(400px)
|
1730
|
-
|
1731
|
-
|
1732
|
-
|
1905
|
+
80% {
|
1906
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
1907
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
1908
|
+
}
|
1909
|
+
|
1910
|
+
to {
|
1911
|
+
-webkit-transform: perspective(400px);
|
1912
|
+
transform: perspective(400px);
|
1733
1913
|
}
|
1734
1914
|
}
|
1735
1915
|
|
1736
1916
|
.flipInY {
|
1737
1917
|
-webkit-backface-visibility: visible !important;
|
1738
|
-
-ms-backface-visibility: visible !important;
|
1739
1918
|
backface-visibility: visible !important;
|
1740
1919
|
-webkit-animation-name: flipInY;
|
1741
1920
|
animation-name: flipInY;
|
1742
1921
|
}
|
1743
1922
|
|
1744
1923
|
@-webkit-keyframes flipOutX {
|
1745
|
-
|
1746
|
-
-webkit-transform: perspective(400px)
|
1747
|
-
transform: perspective(400px)
|
1924
|
+
from {
|
1925
|
+
-webkit-transform: perspective(400px);
|
1926
|
+
transform: perspective(400px);
|
1927
|
+
}
|
1928
|
+
|
1929
|
+
30% {
|
1930
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1931
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1748
1932
|
opacity: 1;
|
1749
1933
|
}
|
1750
1934
|
|
1751
|
-
|
1752
|
-
-webkit-transform: perspective(400px)
|
1753
|
-
transform: perspective(400px)
|
1935
|
+
to {
|
1936
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1937
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1754
1938
|
opacity: 0;
|
1755
1939
|
}
|
1756
1940
|
}
|
1757
1941
|
|
1758
1942
|
@keyframes flipOutX {
|
1759
|
-
|
1760
|
-
-webkit-transform: perspective(400px)
|
1761
|
-
|
1762
|
-
|
1943
|
+
from {
|
1944
|
+
-webkit-transform: perspective(400px);
|
1945
|
+
transform: perspective(400px);
|
1946
|
+
}
|
1947
|
+
|
1948
|
+
30% {
|
1949
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1950
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1763
1951
|
opacity: 1;
|
1764
1952
|
}
|
1765
1953
|
|
1766
|
-
|
1767
|
-
-webkit-transform: perspective(400px)
|
1768
|
-
|
1769
|
-
transform: perspective(400px) rotateX(90deg);
|
1954
|
+
to {
|
1955
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1956
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1770
1957
|
opacity: 0;
|
1771
1958
|
}
|
1772
1959
|
}
|
@@ -1775,100 +1962,102 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1775
1962
|
-webkit-animation-name: flipOutX;
|
1776
1963
|
animation-name: flipOutX;
|
1777
1964
|
-webkit-backface-visibility: visible !important;
|
1778
|
-
-ms-backface-visibility: visible !important;
|
1779
1965
|
backface-visibility: visible !important;
|
1780
1966
|
}
|
1781
1967
|
|
1782
1968
|
@-webkit-keyframes flipOutY {
|
1783
|
-
|
1784
|
-
-webkit-transform: perspective(400px)
|
1785
|
-
transform: perspective(400px)
|
1969
|
+
from {
|
1970
|
+
-webkit-transform: perspective(400px);
|
1971
|
+
transform: perspective(400px);
|
1972
|
+
}
|
1973
|
+
|
1974
|
+
30% {
|
1975
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
1976
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
1786
1977
|
opacity: 1;
|
1787
1978
|
}
|
1788
1979
|
|
1789
|
-
|
1790
|
-
-webkit-transform: perspective(400px)
|
1791
|
-
transform: perspective(400px)
|
1980
|
+
to {
|
1981
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1982
|
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1792
1983
|
opacity: 0;
|
1793
1984
|
}
|
1794
1985
|
}
|
1795
1986
|
|
1796
1987
|
@keyframes flipOutY {
|
1797
|
-
|
1798
|
-
-webkit-transform: perspective(400px)
|
1799
|
-
|
1800
|
-
|
1988
|
+
from {
|
1989
|
+
-webkit-transform: perspective(400px);
|
1990
|
+
transform: perspective(400px);
|
1991
|
+
}
|
1992
|
+
|
1993
|
+
30% {
|
1994
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
1995
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
1801
1996
|
opacity: 1;
|
1802
1997
|
}
|
1803
1998
|
|
1804
|
-
|
1805
|
-
-webkit-transform: perspective(400px)
|
1806
|
-
|
1807
|
-
transform: perspective(400px) rotateY(90deg);
|
1999
|
+
to {
|
2000
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
2001
|
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1808
2002
|
opacity: 0;
|
1809
2003
|
}
|
1810
2004
|
}
|
1811
2005
|
|
1812
2006
|
.flipOutY {
|
1813
2007
|
-webkit-backface-visibility: visible !important;
|
1814
|
-
-ms-backface-visibility: visible !important;
|
1815
2008
|
backface-visibility: visible !important;
|
1816
2009
|
-webkit-animation-name: flipOutY;
|
1817
2010
|
animation-name: flipOutY;
|
1818
2011
|
}
|
1819
2012
|
|
1820
2013
|
@-webkit-keyframes lightSpeedIn {
|
1821
|
-
|
1822
|
-
-webkit-transform:
|
1823
|
-
transform:
|
2014
|
+
from {
|
2015
|
+
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
2016
|
+
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
1824
2017
|
opacity: 0;
|
1825
2018
|
}
|
1826
2019
|
|
1827
2020
|
60% {
|
1828
|
-
-webkit-transform:
|
1829
|
-
transform:
|
2021
|
+
-webkit-transform: skewX(20deg);
|
2022
|
+
transform: skewX(20deg);
|
1830
2023
|
opacity: 1;
|
1831
2024
|
}
|
1832
2025
|
|
1833
2026
|
80% {
|
1834
|
-
-webkit-transform:
|
1835
|
-
transform:
|
2027
|
+
-webkit-transform: skewX(-5deg);
|
2028
|
+
transform: skewX(-5deg);
|
1836
2029
|
opacity: 1;
|
1837
2030
|
}
|
1838
2031
|
|
1839
|
-
|
1840
|
-
-webkit-transform:
|
1841
|
-
transform:
|
2032
|
+
to {
|
2033
|
+
-webkit-transform: none;
|
2034
|
+
transform: none;
|
1842
2035
|
opacity: 1;
|
1843
2036
|
}
|
1844
2037
|
}
|
1845
2038
|
|
1846
2039
|
@keyframes lightSpeedIn {
|
1847
|
-
|
1848
|
-
-webkit-transform:
|
1849
|
-
|
1850
|
-
transform: translateX(100%) skewX(-30deg);
|
2040
|
+
from {
|
2041
|
+
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
2042
|
+
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
1851
2043
|
opacity: 0;
|
1852
2044
|
}
|
1853
2045
|
|
1854
2046
|
60% {
|
1855
|
-
-webkit-transform:
|
1856
|
-
|
1857
|
-
transform: translateX(-20%) skewX(30deg);
|
2047
|
+
-webkit-transform: skewX(20deg);
|
2048
|
+
transform: skewX(20deg);
|
1858
2049
|
opacity: 1;
|
1859
2050
|
}
|
1860
2051
|
|
1861
2052
|
80% {
|
1862
|
-
-webkit-transform:
|
1863
|
-
|
1864
|
-
transform: translateX(0%) skewX(-15deg);
|
2053
|
+
-webkit-transform: skewX(-5deg);
|
2054
|
+
transform: skewX(-5deg);
|
1865
2055
|
opacity: 1;
|
1866
2056
|
}
|
1867
2057
|
|
1868
|
-
|
1869
|
-
-webkit-transform:
|
1870
|
-
|
1871
|
-
transform: translateX(0%) skewX(0deg);
|
2058
|
+
to {
|
2059
|
+
-webkit-transform: none;
|
2060
|
+
transform: none;
|
1872
2061
|
opacity: 1;
|
1873
2062
|
}
|
1874
2063
|
}
|
@@ -1881,31 +2070,25 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1881
2070
|
}
|
1882
2071
|
|
1883
2072
|
@-webkit-keyframes lightSpeedOut {
|
1884
|
-
|
1885
|
-
-webkit-transform: translateX(0%) skewX(0deg);
|
1886
|
-
transform: translateX(0%) skewX(0deg);
|
2073
|
+
from {
|
1887
2074
|
opacity: 1;
|
1888
2075
|
}
|
1889
2076
|
|
1890
|
-
|
1891
|
-
-webkit-transform:
|
1892
|
-
transform:
|
2077
|
+
to {
|
2078
|
+
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
|
2079
|
+
transform: translate3d(100%, 0, 0) skewX(30deg);
|
1893
2080
|
opacity: 0;
|
1894
2081
|
}
|
1895
2082
|
}
|
1896
2083
|
|
1897
2084
|
@keyframes lightSpeedOut {
|
1898
|
-
|
1899
|
-
-webkit-transform: translateX(0%) skewX(0deg);
|
1900
|
-
-ms-transform: translateX(0%) skewX(0deg);
|
1901
|
-
transform: translateX(0%) skewX(0deg);
|
2085
|
+
from {
|
1902
2086
|
opacity: 1;
|
1903
2087
|
}
|
1904
2088
|
|
1905
|
-
|
1906
|
-
-webkit-transform:
|
1907
|
-
|
1908
|
-
transform: translateX(100%) skewX(-30deg);
|
2089
|
+
to {
|
2090
|
+
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
|
2091
|
+
transform: translate3d(100%, 0, 0) skewX(30deg);
|
1909
2092
|
opacity: 0;
|
1910
2093
|
}
|
1911
2094
|
}
|
@@ -1918,41 +2101,37 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1918
2101
|
}
|
1919
2102
|
|
1920
2103
|
@-webkit-keyframes rotateIn {
|
1921
|
-
|
1922
|
-
-webkit-transform-origin: center
|
1923
|
-
transform-origin: center
|
1924
|
-
-webkit-transform:
|
1925
|
-
transform:
|
2104
|
+
from {
|
2105
|
+
-webkit-transform-origin: center;
|
2106
|
+
transform-origin: center;
|
2107
|
+
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
2108
|
+
transform: rotate3d(0, 0, 1, -200deg);
|
1926
2109
|
opacity: 0;
|
1927
2110
|
}
|
1928
2111
|
|
1929
|
-
|
1930
|
-
-webkit-transform-origin: center
|
1931
|
-
transform-origin: center
|
1932
|
-
-webkit-transform:
|
1933
|
-
transform:
|
2112
|
+
to {
|
2113
|
+
-webkit-transform-origin: center;
|
2114
|
+
transform-origin: center;
|
2115
|
+
-webkit-transform: none;
|
2116
|
+
transform: none;
|
1934
2117
|
opacity: 1;
|
1935
2118
|
}
|
1936
2119
|
}
|
1937
2120
|
|
1938
2121
|
@keyframes rotateIn {
|
1939
|
-
|
1940
|
-
-webkit-transform-origin: center
|
1941
|
-
|
1942
|
-
transform
|
1943
|
-
|
1944
|
-
-ms-transform: rotate(-200deg);
|
1945
|
-
transform: rotate(-200deg);
|
2122
|
+
from {
|
2123
|
+
-webkit-transform-origin: center;
|
2124
|
+
transform-origin: center;
|
2125
|
+
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
2126
|
+
transform: rotate3d(0, 0, 1, -200deg);
|
1946
2127
|
opacity: 0;
|
1947
2128
|
}
|
1948
2129
|
|
1949
|
-
|
1950
|
-
-webkit-transform-origin: center
|
1951
|
-
|
1952
|
-
transform
|
1953
|
-
|
1954
|
-
-ms-transform: rotate(0);
|
1955
|
-
transform: rotate(0);
|
2130
|
+
to {
|
2131
|
+
-webkit-transform-origin: center;
|
2132
|
+
transform-origin: center;
|
2133
|
+
-webkit-transform: none;
|
2134
|
+
transform: none;
|
1956
2135
|
opacity: 1;
|
1957
2136
|
}
|
1958
2137
|
}
|
@@ -1963,41 +2142,37 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
1963
2142
|
}
|
1964
2143
|
|
1965
2144
|
@-webkit-keyframes rotateInDownLeft {
|
1966
|
-
|
2145
|
+
from {
|
1967
2146
|
-webkit-transform-origin: left bottom;
|
1968
2147
|
transform-origin: left bottom;
|
1969
|
-
-webkit-transform:
|
1970
|
-
transform:
|
2148
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
2149
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
1971
2150
|
opacity: 0;
|
1972
2151
|
}
|
1973
2152
|
|
1974
|
-
|
2153
|
+
to {
|
1975
2154
|
-webkit-transform-origin: left bottom;
|
1976
2155
|
transform-origin: left bottom;
|
1977
|
-
-webkit-transform:
|
1978
|
-
transform:
|
2156
|
+
-webkit-transform: none;
|
2157
|
+
transform: none;
|
1979
2158
|
opacity: 1;
|
1980
2159
|
}
|
1981
2160
|
}
|
1982
2161
|
|
1983
2162
|
@keyframes rotateInDownLeft {
|
1984
|
-
|
2163
|
+
from {
|
1985
2164
|
-webkit-transform-origin: left bottom;
|
1986
|
-
-ms-transform-origin: left bottom;
|
1987
2165
|
transform-origin: left bottom;
|
1988
|
-
-webkit-transform:
|
1989
|
-
|
1990
|
-
transform: rotate(-90deg);
|
2166
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
2167
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
1991
2168
|
opacity: 0;
|
1992
2169
|
}
|
1993
2170
|
|
1994
|
-
|
2171
|
+
to {
|
1995
2172
|
-webkit-transform-origin: left bottom;
|
1996
|
-
-ms-transform-origin: left bottom;
|
1997
2173
|
transform-origin: left bottom;
|
1998
|
-
-webkit-transform:
|
1999
|
-
|
2000
|
-
transform: rotate(0);
|
2174
|
+
-webkit-transform: none;
|
2175
|
+
transform: none;
|
2001
2176
|
opacity: 1;
|
2002
2177
|
}
|
2003
2178
|
}
|
@@ -2008,41 +2183,37 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
2008
2183
|
}
|
2009
2184
|
|
2010
2185
|
@-webkit-keyframes rotateInDownRight {
|
2011
|
-
|
2186
|
+
from {
|
2012
2187
|
-webkit-transform-origin: right bottom;
|
2013
2188
|
transform-origin: right bottom;
|
2014
|
-
-webkit-transform:
|
2015
|
-
transform:
|
2189
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
2190
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
2016
2191
|
opacity: 0;
|
2017
2192
|
}
|
2018
2193
|
|
2019
|
-
|
2194
|
+
to {
|
2020
2195
|
-webkit-transform-origin: right bottom;
|
2021
2196
|
transform-origin: right bottom;
|
2022
|
-
-webkit-transform:
|
2023
|
-
transform:
|
2197
|
+
-webkit-transform: none;
|
2198
|
+
transform: none;
|
2024
2199
|
opacity: 1;
|
2025
2200
|
}
|
2026
2201
|
}
|
2027
2202
|
|
2028
2203
|
@keyframes rotateInDownRight {
|
2029
|
-
|
2204
|
+
from {
|
2030
2205
|
-webkit-transform-origin: right bottom;
|
2031
|
-
-ms-transform-origin: right bottom;
|
2032
2206
|
transform-origin: right bottom;
|
2033
|
-
-webkit-transform:
|
2034
|
-
|
2035
|
-
transform: rotate(90deg);
|
2207
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
2208
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
2036
2209
|
opacity: 0;
|
2037
2210
|
}
|
2038
2211
|
|
2039
|
-
|
2212
|
+
to {
|
2040
2213
|
-webkit-transform-origin: right bottom;
|
2041
|
-
-ms-transform-origin: right bottom;
|
2042
2214
|
transform-origin: right bottom;
|
2043
|
-
-webkit-transform:
|
2044
|
-
|
2045
|
-
transform: rotate(0);
|
2215
|
+
-webkit-transform: none;
|
2216
|
+
transform: none;
|
2046
2217
|
opacity: 1;
|
2047
2218
|
}
|
2048
2219
|
}
|
@@ -2053,41 +2224,37 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
2053
2224
|
}
|
2054
2225
|
|
2055
2226
|
@-webkit-keyframes rotateInUpLeft {
|
2056
|
-
|
2227
|
+
from {
|
2057
2228
|
-webkit-transform-origin: left bottom;
|
2058
2229
|
transform-origin: left bottom;
|
2059
|
-
-webkit-transform:
|
2060
|
-
transform:
|
2230
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
2231
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
2061
2232
|
opacity: 0;
|
2062
2233
|
}
|
2063
2234
|
|
2064
|
-
|
2235
|
+
to {
|
2065
2236
|
-webkit-transform-origin: left bottom;
|
2066
2237
|
transform-origin: left bottom;
|
2067
|
-
-webkit-transform:
|
2068
|
-
transform:
|
2238
|
+
-webkit-transform: none;
|
2239
|
+
transform: none;
|
2069
2240
|
opacity: 1;
|
2070
2241
|
}
|
2071
2242
|
}
|
2072
2243
|
|
2073
2244
|
@keyframes rotateInUpLeft {
|
2074
|
-
|
2245
|
+
from {
|
2075
2246
|
-webkit-transform-origin: left bottom;
|
2076
|
-
-ms-transform-origin: left bottom;
|
2077
2247
|
transform-origin: left bottom;
|
2078
|
-
-webkit-transform:
|
2079
|
-
|
2080
|
-
transform: rotate(90deg);
|
2248
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
2249
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
2081
2250
|
opacity: 0;
|
2082
2251
|
}
|
2083
2252
|
|
2084
|
-
|
2253
|
+
to {
|
2085
2254
|
-webkit-transform-origin: left bottom;
|
2086
|
-
-ms-transform-origin: left bottom;
|
2087
2255
|
transform-origin: left bottom;
|
2088
|
-
-webkit-transform:
|
2089
|
-
|
2090
|
-
transform: rotate(0);
|
2256
|
+
-webkit-transform: none;
|
2257
|
+
transform: none;
|
2091
2258
|
opacity: 1;
|
2092
2259
|
}
|
2093
2260
|
}
|
@@ -2098,41 +2265,37 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
2098
2265
|
}
|
2099
2266
|
|
2100
2267
|
@-webkit-keyframes rotateInUpRight {
|
2101
|
-
|
2268
|
+
from {
|
2102
2269
|
-webkit-transform-origin: right bottom;
|
2103
2270
|
transform-origin: right bottom;
|
2104
|
-
-webkit-transform:
|
2105
|
-
transform:
|
2271
|
+
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
2272
|
+
transform: rotate3d(0, 0, 1, -90deg);
|
2106
2273
|
opacity: 0;
|
2107
2274
|
}
|
2108
2275
|
|
2109
|
-
|
2276
|
+
to {
|
2110
2277
|
-webkit-transform-origin: right bottom;
|
2111
2278
|
transform-origin: right bottom;
|
2112
|
-
-webkit-transform:
|
2113
|
-
transform:
|
2279
|
+
-webkit-transform: none;
|
2280
|
+
transform: none;
|
2114
2281
|
opacity: 1;
|
2115
2282
|
}
|
2116
2283
|
}
|
2117
2284
|
|
2118
2285
|
@keyframes rotateInUpRight {
|
2119
|
-
|
2286
|
+
from {
|
2120
2287
|
-webkit-transform-origin: right bottom;
|
2121
|
-
-ms-transform-origin: right bottom;
|
2122
2288
|
transform-origin: right bottom;
|
2123
|
-
-webkit-transform:
|
2124
|
-
|
2125
|
-
transform: rotate(-90deg);
|
2289
|
+
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
2290
|
+
transform: rotate3d(0, 0, 1, -90deg);
|
2126
2291
|
opacity: 0;
|
2127
2292
|
}
|
2128
2293
|
|
2129
|
-
|
2294
|
+
to {
|
2130
2295
|
-webkit-transform-origin: right bottom;
|
2131
|
-
-ms-transform-origin: right bottom;
|
2132
2296
|
transform-origin: right bottom;
|
2133
|
-
-webkit-transform:
|
2134
|
-
|
2135
|
-
transform: rotate(0);
|
2297
|
+
-webkit-transform: none;
|
2298
|
+
transform: none;
|
2136
2299
|
opacity: 1;
|
2137
2300
|
}
|
2138
2301
|
}
|
@@ -2143,41 +2306,33 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
2143
2306
|
}
|
2144
2307
|
|
2145
2308
|
@-webkit-keyframes rotateOut {
|
2146
|
-
|
2147
|
-
-webkit-transform-origin: center
|
2148
|
-
transform-origin: center
|
2149
|
-
-webkit-transform: rotate(0);
|
2150
|
-
transform: rotate(0);
|
2309
|
+
from {
|
2310
|
+
-webkit-transform-origin: center;
|
2311
|
+
transform-origin: center;
|
2151
2312
|
opacity: 1;
|
2152
2313
|
}
|
2153
2314
|
|
2154
|
-
|
2155
|
-
-webkit-transform-origin: center
|
2156
|
-
transform-origin: center
|
2157
|
-
-webkit-transform:
|
2158
|
-
transform:
|
2315
|
+
to {
|
2316
|
+
-webkit-transform-origin: center;
|
2317
|
+
transform-origin: center;
|
2318
|
+
-webkit-transform: rotate3d(0, 0, 1, 200deg);
|
2319
|
+
transform: rotate3d(0, 0, 1, 200deg);
|
2159
2320
|
opacity: 0;
|
2160
2321
|
}
|
2161
2322
|
}
|
2162
2323
|
|
2163
2324
|
@keyframes rotateOut {
|
2164
|
-
|
2165
|
-
-webkit-transform-origin: center
|
2166
|
-
|
2167
|
-
transform-origin: center center;
|
2168
|
-
-webkit-transform: rotate(0);
|
2169
|
-
-ms-transform: rotate(0);
|
2170
|
-
transform: rotate(0);
|
2325
|
+
from {
|
2326
|
+
-webkit-transform-origin: center;
|
2327
|
+
transform-origin: center;
|
2171
2328
|
opacity: 1;
|
2172
2329
|
}
|
2173
2330
|
|
2174
|
-
|
2175
|
-
-webkit-transform-origin: center
|
2176
|
-
|
2177
|
-
transform
|
2178
|
-
|
2179
|
-
-ms-transform: rotate(200deg);
|
2180
|
-
transform: rotate(200deg);
|
2331
|
+
to {
|
2332
|
+
-webkit-transform-origin: center;
|
2333
|
+
transform-origin: center;
|
2334
|
+
-webkit-transform: rotate3d(0, 0, 1, 200deg);
|
2335
|
+
transform: rotate3d(0, 0, 1, 200deg);
|
2181
2336
|
opacity: 0;
|
2182
2337
|
}
|
2183
2338
|
}
|
@@ -2188,41 +2343,33 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
2188
2343
|
}
|
2189
2344
|
|
2190
2345
|
@-webkit-keyframes rotateOutDownLeft {
|
2191
|
-
|
2346
|
+
from {
|
2192
2347
|
-webkit-transform-origin: left bottom;
|
2193
2348
|
transform-origin: left bottom;
|
2194
|
-
-webkit-transform: rotate(0);
|
2195
|
-
transform: rotate(0);
|
2196
2349
|
opacity: 1;
|
2197
2350
|
}
|
2198
2351
|
|
2199
|
-
|
2352
|
+
to {
|
2200
2353
|
-webkit-transform-origin: left bottom;
|
2201
2354
|
transform-origin: left bottom;
|
2202
|
-
-webkit-transform:
|
2203
|
-
transform:
|
2355
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
2356
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
2204
2357
|
opacity: 0;
|
2205
2358
|
}
|
2206
2359
|
}
|
2207
2360
|
|
2208
2361
|
@keyframes rotateOutDownLeft {
|
2209
|
-
|
2362
|
+
from {
|
2210
2363
|
-webkit-transform-origin: left bottom;
|
2211
|
-
-ms-transform-origin: left bottom;
|
2212
2364
|
transform-origin: left bottom;
|
2213
|
-
-webkit-transform: rotate(0);
|
2214
|
-
-ms-transform: rotate(0);
|
2215
|
-
transform: rotate(0);
|
2216
2365
|
opacity: 1;
|
2217
2366
|
}
|
2218
2367
|
|
2219
|
-
|
2368
|
+
to {
|
2220
2369
|
-webkit-transform-origin: left bottom;
|
2221
|
-
-ms-transform-origin: left bottom;
|
2222
2370
|
transform-origin: left bottom;
|
2223
|
-
-webkit-transform:
|
2224
|
-
|
2225
|
-
transform: rotate(90deg);
|
2371
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
2372
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
2226
2373
|
opacity: 0;
|
2227
2374
|
}
|
2228
2375
|
}
|
@@ -2233,41 +2380,33 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
2233
2380
|
}
|
2234
2381
|
|
2235
2382
|
@-webkit-keyframes rotateOutDownRight {
|
2236
|
-
|
2383
|
+
from {
|
2237
2384
|
-webkit-transform-origin: right bottom;
|
2238
2385
|
transform-origin: right bottom;
|
2239
|
-
-webkit-transform: rotate(0);
|
2240
|
-
transform: rotate(0);
|
2241
2386
|
opacity: 1;
|
2242
2387
|
}
|
2243
2388
|
|
2244
|
-
|
2389
|
+
to {
|
2245
2390
|
-webkit-transform-origin: right bottom;
|
2246
2391
|
transform-origin: right bottom;
|
2247
|
-
-webkit-transform:
|
2248
|
-
transform:
|
2392
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
2393
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
2249
2394
|
opacity: 0;
|
2250
2395
|
}
|
2251
2396
|
}
|
2252
2397
|
|
2253
2398
|
@keyframes rotateOutDownRight {
|
2254
|
-
|
2399
|
+
from {
|
2255
2400
|
-webkit-transform-origin: right bottom;
|
2256
|
-
-ms-transform-origin: right bottom;
|
2257
2401
|
transform-origin: right bottom;
|
2258
|
-
-webkit-transform: rotate(0);
|
2259
|
-
-ms-transform: rotate(0);
|
2260
|
-
transform: rotate(0);
|
2261
2402
|
opacity: 1;
|
2262
2403
|
}
|
2263
2404
|
|
2264
|
-
|
2405
|
+
to {
|
2265
2406
|
-webkit-transform-origin: right bottom;
|
2266
|
-
-ms-transform-origin: right bottom;
|
2267
2407
|
transform-origin: right bottom;
|
2268
|
-
-webkit-transform:
|
2269
|
-
|
2270
|
-
transform: rotate(-90deg);
|
2408
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
2409
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
2271
2410
|
opacity: 0;
|
2272
2411
|
}
|
2273
2412
|
}
|
@@ -2278,41 +2417,33 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
2278
2417
|
}
|
2279
2418
|
|
2280
2419
|
@-webkit-keyframes rotateOutUpLeft {
|
2281
|
-
|
2420
|
+
from {
|
2282
2421
|
-webkit-transform-origin: left bottom;
|
2283
2422
|
transform-origin: left bottom;
|
2284
|
-
-webkit-transform: rotate(0);
|
2285
|
-
transform: rotate(0);
|
2286
2423
|
opacity: 1;
|
2287
2424
|
}
|
2288
2425
|
|
2289
|
-
|
2426
|
+
to {
|
2290
2427
|
-webkit-transform-origin: left bottom;
|
2291
2428
|
transform-origin: left bottom;
|
2292
|
-
-webkit-transform:
|
2293
|
-
transform:
|
2429
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
2430
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
2294
2431
|
opacity: 0;
|
2295
2432
|
}
|
2296
2433
|
}
|
2297
2434
|
|
2298
2435
|
@keyframes rotateOutUpLeft {
|
2299
|
-
|
2436
|
+
from {
|
2300
2437
|
-webkit-transform-origin: left bottom;
|
2301
|
-
-ms-transform-origin: left bottom;
|
2302
2438
|
transform-origin: left bottom;
|
2303
|
-
-webkit-transform: rotate(0);
|
2304
|
-
-ms-transform: rotate(0);
|
2305
|
-
transform: rotate(0);
|
2306
2439
|
opacity: 1;
|
2307
2440
|
}
|
2308
2441
|
|
2309
|
-
|
2442
|
+
to {
|
2310
2443
|
-webkit-transform-origin: left bottom;
|
2311
|
-
-ms-transform-origin: left bottom;
|
2312
2444
|
transform-origin: left bottom;
|
2313
|
-
-webkit-transform:
|
2314
|
-
|
2315
|
-
transform: rotate(-90deg);
|
2445
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
2446
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
2316
2447
|
opacity: 0;
|
2317
2448
|
}
|
2318
2449
|
}
|
@@ -2323,41 +2454,33 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
2323
2454
|
}
|
2324
2455
|
|
2325
2456
|
@-webkit-keyframes rotateOutUpRight {
|
2326
|
-
|
2457
|
+
from {
|
2327
2458
|
-webkit-transform-origin: right bottom;
|
2328
2459
|
transform-origin: right bottom;
|
2329
|
-
-webkit-transform: rotate(0);
|
2330
|
-
transform: rotate(0);
|
2331
2460
|
opacity: 1;
|
2332
2461
|
}
|
2333
2462
|
|
2334
|
-
|
2463
|
+
to {
|
2335
2464
|
-webkit-transform-origin: right bottom;
|
2336
2465
|
transform-origin: right bottom;
|
2337
|
-
-webkit-transform:
|
2338
|
-
transform:
|
2466
|
+
-webkit-transform: rotate3d(0, 0, 1, 90deg);
|
2467
|
+
transform: rotate3d(0, 0, 1, 90deg);
|
2339
2468
|
opacity: 0;
|
2340
2469
|
}
|
2341
2470
|
}
|
2342
2471
|
|
2343
2472
|
@keyframes rotateOutUpRight {
|
2344
|
-
|
2473
|
+
from {
|
2345
2474
|
-webkit-transform-origin: right bottom;
|
2346
|
-
-ms-transform-origin: right bottom;
|
2347
2475
|
transform-origin: right bottom;
|
2348
|
-
-webkit-transform: rotate(0);
|
2349
|
-
-ms-transform: rotate(0);
|
2350
|
-
transform: rotate(0);
|
2351
2476
|
opacity: 1;
|
2352
2477
|
}
|
2353
2478
|
|
2354
|
-
|
2479
|
+
to {
|
2355
2480
|
-webkit-transform-origin: right bottom;
|
2356
|
-
-ms-transform-origin: right bottom;
|
2357
2481
|
transform-origin: right bottom;
|
2358
|
-
-webkit-transform:
|
2359
|
-
|
2360
|
-
transform: rotate(90deg);
|
2482
|
+
-webkit-transform: rotate3d(0, 0, 1, 90deg);
|
2483
|
+
transform: rotate3d(0, 0, 1, 90deg);
|
2361
2484
|
opacity: 0;
|
2362
2485
|
}
|
2363
2486
|
}
|
@@ -2367,378 +2490,783 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
|
2367
2490
|
animation-name: rotateOutUpRight;
|
2368
2491
|
}
|
2369
2492
|
|
2370
|
-
@-webkit-keyframes
|
2493
|
+
@-webkit-keyframes hinge {
|
2371
2494
|
0% {
|
2372
|
-
|
2373
|
-
-
|
2374
|
-
|
2495
|
+
-webkit-transform-origin: top left;
|
2496
|
+
transform-origin: top left;
|
2497
|
+
-webkit-animation-timing-function: ease-in-out;
|
2498
|
+
animation-timing-function: ease-in-out;
|
2375
2499
|
}
|
2376
2500
|
|
2377
|
-
|
2378
|
-
-webkit-transform:
|
2379
|
-
transform:
|
2501
|
+
20%, 60% {
|
2502
|
+
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
2503
|
+
transform: rotate3d(0, 0, 1, 80deg);
|
2504
|
+
-webkit-transform-origin: top left;
|
2505
|
+
transform-origin: top left;
|
2506
|
+
-webkit-animation-timing-function: ease-in-out;
|
2507
|
+
animation-timing-function: ease-in-out;
|
2508
|
+
}
|
2509
|
+
|
2510
|
+
40%, 80% {
|
2511
|
+
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
2512
|
+
transform: rotate3d(0, 0, 1, 60deg);
|
2513
|
+
-webkit-transform-origin: top left;
|
2514
|
+
transform-origin: top left;
|
2515
|
+
-webkit-animation-timing-function: ease-in-out;
|
2516
|
+
animation-timing-function: ease-in-out;
|
2517
|
+
opacity: 1;
|
2518
|
+
}
|
2519
|
+
|
2520
|
+
to {
|
2521
|
+
-webkit-transform: translate3d(0, 700px, 0);
|
2522
|
+
transform: translate3d(0, 700px, 0);
|
2523
|
+
opacity: 0;
|
2380
2524
|
}
|
2381
2525
|
}
|
2382
2526
|
|
2383
|
-
@keyframes
|
2527
|
+
@keyframes hinge {
|
2384
2528
|
0% {
|
2385
|
-
|
2386
|
-
-
|
2387
|
-
-
|
2388
|
-
|
2529
|
+
-webkit-transform-origin: top left;
|
2530
|
+
transform-origin: top left;
|
2531
|
+
-webkit-animation-timing-function: ease-in-out;
|
2532
|
+
animation-timing-function: ease-in-out;
|
2533
|
+
}
|
2534
|
+
|
2535
|
+
20%, 60% {
|
2536
|
+
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
2537
|
+
transform: rotate3d(0, 0, 1, 80deg);
|
2538
|
+
-webkit-transform-origin: top left;
|
2539
|
+
transform-origin: top left;
|
2540
|
+
-webkit-animation-timing-function: ease-in-out;
|
2541
|
+
animation-timing-function: ease-in-out;
|
2389
2542
|
}
|
2390
2543
|
|
2391
|
-
|
2392
|
-
-webkit-transform:
|
2393
|
-
|
2394
|
-
transform:
|
2544
|
+
40%, 80% {
|
2545
|
+
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
2546
|
+
transform: rotate3d(0, 0, 1, 60deg);
|
2547
|
+
-webkit-transform-origin: top left;
|
2548
|
+
transform-origin: top left;
|
2549
|
+
-webkit-animation-timing-function: ease-in-out;
|
2550
|
+
animation-timing-function: ease-in-out;
|
2551
|
+
opacity: 1;
|
2552
|
+
}
|
2553
|
+
|
2554
|
+
to {
|
2555
|
+
-webkit-transform: translate3d(0, 700px, 0);
|
2556
|
+
transform: translate3d(0, 700px, 0);
|
2557
|
+
opacity: 0;
|
2395
2558
|
}
|
2396
2559
|
}
|
2397
2560
|
|
2398
|
-
.
|
2399
|
-
-webkit-animation-name:
|
2400
|
-
animation-name:
|
2561
|
+
.hinge {
|
2562
|
+
-webkit-animation-name: hinge;
|
2563
|
+
animation-name: hinge;
|
2401
2564
|
}
|
2402
2565
|
|
2403
|
-
|
2404
|
-
|
2566
|
+
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
2567
|
+
|
2568
|
+
@-webkit-keyframes rollIn {
|
2569
|
+
from {
|
2405
2570
|
opacity: 0;
|
2406
|
-
-webkit-transform:
|
2407
|
-
transform:
|
2571
|
+
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
2572
|
+
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
2408
2573
|
}
|
2409
2574
|
|
2410
|
-
|
2411
|
-
|
2412
|
-
transform:
|
2575
|
+
to {
|
2576
|
+
opacity: 1;
|
2577
|
+
-webkit-transform: none;
|
2578
|
+
transform: none;
|
2413
2579
|
}
|
2414
2580
|
}
|
2415
2581
|
|
2416
|
-
@keyframes
|
2417
|
-
|
2582
|
+
@keyframes rollIn {
|
2583
|
+
from {
|
2418
2584
|
opacity: 0;
|
2419
|
-
-webkit-transform:
|
2420
|
-
|
2421
|
-
transform: translateX(-2000px);
|
2585
|
+
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
2586
|
+
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
2422
2587
|
}
|
2423
2588
|
|
2424
|
-
|
2425
|
-
|
2426
|
-
-
|
2427
|
-
transform:
|
2589
|
+
to {
|
2590
|
+
opacity: 1;
|
2591
|
+
-webkit-transform: none;
|
2592
|
+
transform: none;
|
2428
2593
|
}
|
2429
2594
|
}
|
2430
2595
|
|
2431
|
-
.
|
2432
|
-
-webkit-animation-name:
|
2433
|
-
animation-name:
|
2596
|
+
.rollIn {
|
2597
|
+
-webkit-animation-name: rollIn;
|
2598
|
+
animation-name: rollIn;
|
2434
2599
|
}
|
2435
2600
|
|
2436
|
-
|
2437
|
-
|
2601
|
+
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
2602
|
+
|
2603
|
+
@-webkit-keyframes rollOut {
|
2604
|
+
from {
|
2605
|
+
opacity: 1;
|
2606
|
+
}
|
2607
|
+
|
2608
|
+
to {
|
2438
2609
|
opacity: 0;
|
2439
|
-
-webkit-transform:
|
2440
|
-
transform:
|
2610
|
+
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
2611
|
+
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
2441
2612
|
}
|
2613
|
+
}
|
2442
2614
|
|
2443
|
-
|
2444
|
-
|
2445
|
-
|
2615
|
+
@keyframes rollOut {
|
2616
|
+
from {
|
2617
|
+
opacity: 1;
|
2618
|
+
}
|
2619
|
+
|
2620
|
+
to {
|
2621
|
+
opacity: 0;
|
2622
|
+
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
2623
|
+
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
2446
2624
|
}
|
2447
2625
|
}
|
2448
2626
|
|
2449
|
-
|
2450
|
-
|
2627
|
+
.rollOut {
|
2628
|
+
-webkit-animation-name: rollOut;
|
2629
|
+
animation-name: rollOut;
|
2630
|
+
}
|
2631
|
+
|
2632
|
+
@-webkit-keyframes zoomIn {
|
2633
|
+
from {
|
2451
2634
|
opacity: 0;
|
2452
|
-
-webkit-transform:
|
2453
|
-
|
2454
|
-
transform: translateX(2000px);
|
2635
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
2636
|
+
transform: scale3d(.3, .3, .3);
|
2455
2637
|
}
|
2456
2638
|
|
2457
|
-
|
2458
|
-
|
2459
|
-
-ms-transform: translateX(0);
|
2460
|
-
transform: translateX(0);
|
2639
|
+
50% {
|
2640
|
+
opacity: 1;
|
2461
2641
|
}
|
2462
2642
|
}
|
2463
2643
|
|
2464
|
-
|
2465
|
-
|
2466
|
-
|
2644
|
+
@keyframes zoomIn {
|
2645
|
+
from {
|
2646
|
+
opacity: 0;
|
2647
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
2648
|
+
transform: scale3d(.3, .3, .3);
|
2649
|
+
}
|
2650
|
+
|
2651
|
+
50% {
|
2652
|
+
opacity: 1;
|
2653
|
+
}
|
2467
2654
|
}
|
2468
2655
|
|
2469
|
-
|
2470
|
-
|
2471
|
-
|
2472
|
-
|
2656
|
+
.zoomIn {
|
2657
|
+
-webkit-animation-name: zoomIn;
|
2658
|
+
animation-name: zoomIn;
|
2659
|
+
}
|
2660
|
+
|
2661
|
+
@-webkit-keyframes zoomInDown {
|
2662
|
+
from {
|
2663
|
+
opacity: 0;
|
2664
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
2665
|
+
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
2666
|
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2667
|
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2473
2668
|
}
|
2474
2669
|
|
2475
|
-
|
2670
|
+
60% {
|
2671
|
+
opacity: 1;
|
2672
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2673
|
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2674
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2675
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2676
|
+
}
|
2677
|
+
}
|
2678
|
+
|
2679
|
+
@keyframes zoomInDown {
|
2680
|
+
from {
|
2476
2681
|
opacity: 0;
|
2477
|
-
-webkit-transform:
|
2478
|
-
transform:
|
2682
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
2683
|
+
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
2684
|
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2685
|
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2686
|
+
}
|
2687
|
+
|
2688
|
+
60% {
|
2689
|
+
opacity: 1;
|
2690
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2691
|
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2692
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2693
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2479
2694
|
}
|
2480
2695
|
}
|
2481
2696
|
|
2482
|
-
|
2483
|
-
|
2484
|
-
|
2485
|
-
|
2486
|
-
|
2697
|
+
.zoomInDown {
|
2698
|
+
-webkit-animation-name: zoomInDown;
|
2699
|
+
animation-name: zoomInDown;
|
2700
|
+
}
|
2701
|
+
|
2702
|
+
@-webkit-keyframes zoomInLeft {
|
2703
|
+
from {
|
2704
|
+
opacity: 0;
|
2705
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
2706
|
+
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
2707
|
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2708
|
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2709
|
+
}
|
2710
|
+
|
2711
|
+
60% {
|
2712
|
+
opacity: 1;
|
2713
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
2714
|
+
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
2715
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2716
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2487
2717
|
}
|
2718
|
+
}
|
2488
2719
|
|
2489
|
-
|
2720
|
+
@keyframes zoomInLeft {
|
2721
|
+
from {
|
2490
2722
|
opacity: 0;
|
2491
|
-
-webkit-transform:
|
2492
|
-
|
2493
|
-
|
2723
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
2724
|
+
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
2725
|
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2726
|
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2727
|
+
}
|
2728
|
+
|
2729
|
+
60% {
|
2730
|
+
opacity: 1;
|
2731
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
2732
|
+
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
2733
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2734
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2494
2735
|
}
|
2495
2736
|
}
|
2496
2737
|
|
2497
|
-
.
|
2498
|
-
-webkit-animation-name:
|
2499
|
-
animation-name:
|
2738
|
+
.zoomInLeft {
|
2739
|
+
-webkit-animation-name: zoomInLeft;
|
2740
|
+
animation-name: zoomInLeft;
|
2500
2741
|
}
|
2501
2742
|
|
2502
|
-
@-webkit-keyframes
|
2503
|
-
|
2504
|
-
|
2505
|
-
transform:
|
2743
|
+
@-webkit-keyframes zoomInRight {
|
2744
|
+
from {
|
2745
|
+
opacity: 0;
|
2746
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
2747
|
+
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
2748
|
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2749
|
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2506
2750
|
}
|
2507
2751
|
|
2508
|
-
|
2752
|
+
60% {
|
2753
|
+
opacity: 1;
|
2754
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
2755
|
+
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
2756
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2757
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2758
|
+
}
|
2759
|
+
}
|
2760
|
+
|
2761
|
+
@keyframes zoomInRight {
|
2762
|
+
from {
|
2509
2763
|
opacity: 0;
|
2510
|
-
-webkit-transform:
|
2511
|
-
transform:
|
2764
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
2765
|
+
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
2766
|
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2767
|
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2768
|
+
}
|
2769
|
+
|
2770
|
+
60% {
|
2771
|
+
opacity: 1;
|
2772
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
2773
|
+
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
2774
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2775
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2512
2776
|
}
|
2513
2777
|
}
|
2514
2778
|
|
2515
|
-
|
2516
|
-
|
2517
|
-
|
2518
|
-
|
2519
|
-
|
2779
|
+
.zoomInRight {
|
2780
|
+
-webkit-animation-name: zoomInRight;
|
2781
|
+
animation-name: zoomInRight;
|
2782
|
+
}
|
2783
|
+
|
2784
|
+
@-webkit-keyframes zoomInUp {
|
2785
|
+
from {
|
2786
|
+
opacity: 0;
|
2787
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
2788
|
+
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
2789
|
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2790
|
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2520
2791
|
}
|
2521
2792
|
|
2522
|
-
|
2793
|
+
60% {
|
2794
|
+
opacity: 1;
|
2795
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2796
|
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2797
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2798
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2799
|
+
}
|
2800
|
+
}
|
2801
|
+
|
2802
|
+
@keyframes zoomInUp {
|
2803
|
+
from {
|
2523
2804
|
opacity: 0;
|
2524
|
-
-webkit-transform:
|
2525
|
-
|
2526
|
-
|
2805
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
2806
|
+
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
2807
|
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2808
|
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2809
|
+
}
|
2810
|
+
|
2811
|
+
60% {
|
2812
|
+
opacity: 1;
|
2813
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2814
|
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2815
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2816
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2527
2817
|
}
|
2528
2818
|
}
|
2529
2819
|
|
2530
|
-
.
|
2531
|
-
-webkit-animation-name:
|
2532
|
-
animation-name:
|
2820
|
+
.zoomInUp {
|
2821
|
+
-webkit-animation-name: zoomInUp;
|
2822
|
+
animation-name: zoomInUp;
|
2533
2823
|
}
|
2534
2824
|
|
2535
|
-
@-webkit-keyframes
|
2536
|
-
|
2537
|
-
|
2538
|
-
|
2825
|
+
@-webkit-keyframes zoomOut {
|
2826
|
+
from {
|
2827
|
+
opacity: 1;
|
2828
|
+
}
|
2829
|
+
|
2830
|
+
50% {
|
2831
|
+
opacity: 0;
|
2832
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
2833
|
+
transform: scale3d(.3, .3, .3);
|
2539
2834
|
}
|
2540
2835
|
|
2541
|
-
|
2836
|
+
to {
|
2542
2837
|
opacity: 0;
|
2543
|
-
-webkit-transform: translateY(-2000px);
|
2544
|
-
transform: translateY(-2000px);
|
2545
2838
|
}
|
2546
2839
|
}
|
2547
2840
|
|
2548
|
-
@keyframes
|
2549
|
-
|
2550
|
-
|
2551
|
-
-ms-transform: translateY(0);
|
2552
|
-
transform: translateY(0);
|
2841
|
+
@keyframes zoomOut {
|
2842
|
+
from {
|
2843
|
+
opacity: 1;
|
2553
2844
|
}
|
2554
2845
|
|
2555
|
-
|
2846
|
+
50% {
|
2847
|
+
opacity: 0;
|
2848
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
2849
|
+
transform: scale3d(.3, .3, .3);
|
2850
|
+
}
|
2851
|
+
|
2852
|
+
to {
|
2556
2853
|
opacity: 0;
|
2557
|
-
-webkit-transform: translateY(-2000px);
|
2558
|
-
-ms-transform: translateY(-2000px);
|
2559
|
-
transform: translateY(-2000px);
|
2560
2854
|
}
|
2561
2855
|
}
|
2562
2856
|
|
2563
|
-
.
|
2564
|
-
-webkit-animation-name:
|
2565
|
-
animation-name:
|
2857
|
+
.zoomOut {
|
2858
|
+
-webkit-animation-name: zoomOut;
|
2859
|
+
animation-name: zoomOut;
|
2566
2860
|
}
|
2567
2861
|
|
2568
|
-
@-webkit-keyframes
|
2569
|
-
|
2570
|
-
|
2571
|
-
transform:
|
2572
|
-
|
2573
|
-
|
2574
|
-
|
2575
|
-
animation-timing-function: ease-in-out;
|
2862
|
+
@-webkit-keyframes zoomOutDown {
|
2863
|
+
40% {
|
2864
|
+
opacity: 1;
|
2865
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2866
|
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2867
|
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2868
|
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2576
2869
|
}
|
2577
2870
|
|
2578
|
-
|
2579
|
-
|
2580
|
-
transform:
|
2581
|
-
|
2582
|
-
transform-origin:
|
2583
|
-
-
|
2584
|
-
animation-timing-function:
|
2871
|
+
to {
|
2872
|
+
opacity: 0;
|
2873
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
2874
|
+
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
2875
|
+
-webkit-transform-origin: center bottom;
|
2876
|
+
transform-origin: center bottom;
|
2877
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2878
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2585
2879
|
}
|
2880
|
+
}
|
2586
2881
|
|
2882
|
+
@keyframes zoomOutDown {
|
2587
2883
|
40% {
|
2588
|
-
|
2589
|
-
transform:
|
2590
|
-
|
2591
|
-
|
2592
|
-
|
2593
|
-
animation-timing-function: ease-in-out;
|
2884
|
+
opacity: 1;
|
2885
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2886
|
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2887
|
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2888
|
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2594
2889
|
}
|
2595
2890
|
|
2596
|
-
|
2597
|
-
|
2598
|
-
transform:
|
2891
|
+
to {
|
2892
|
+
opacity: 0;
|
2893
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
2894
|
+
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
2895
|
+
-webkit-transform-origin: center bottom;
|
2896
|
+
transform-origin: center bottom;
|
2897
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2898
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2899
|
+
}
|
2900
|
+
}
|
2901
|
+
|
2902
|
+
.zoomOutDown {
|
2903
|
+
-webkit-animation-name: zoomOutDown;
|
2904
|
+
animation-name: zoomOutDown;
|
2905
|
+
}
|
2906
|
+
|
2907
|
+
@-webkit-keyframes zoomOutLeft {
|
2908
|
+
40% {
|
2599
2909
|
opacity: 1;
|
2600
|
-
-webkit-transform
|
2601
|
-
transform
|
2602
|
-
-webkit-animation-timing-function: ease-in-out;
|
2603
|
-
animation-timing-function: ease-in-out;
|
2910
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
2911
|
+
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
2604
2912
|
}
|
2605
2913
|
|
2606
|
-
|
2607
|
-
-webkit-transform: translateY(700px);
|
2608
|
-
transform: translateY(700px);
|
2914
|
+
to {
|
2609
2915
|
opacity: 0;
|
2916
|
+
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
|
2917
|
+
transform: scale(.1) translate3d(-2000px, 0, 0);
|
2918
|
+
-webkit-transform-origin: left center;
|
2919
|
+
transform-origin: left center;
|
2610
2920
|
}
|
2611
2921
|
}
|
2612
2922
|
|
2613
|
-
@keyframes
|
2614
|
-
|
2615
|
-
|
2616
|
-
-
|
2617
|
-
transform:
|
2618
|
-
-webkit-transform-origin: top left;
|
2619
|
-
-ms-transform-origin: top left;
|
2620
|
-
transform-origin: top left;
|
2621
|
-
-webkit-animation-timing-function: ease-in-out;
|
2622
|
-
animation-timing-function: ease-in-out;
|
2923
|
+
@keyframes zoomOutLeft {
|
2924
|
+
40% {
|
2925
|
+
opacity: 1;
|
2926
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
2927
|
+
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
2623
2928
|
}
|
2624
2929
|
|
2625
|
-
|
2626
|
-
|
2627
|
-
-
|
2628
|
-
transform:
|
2629
|
-
-webkit-transform-origin:
|
2630
|
-
|
2631
|
-
transform-origin: top left;
|
2632
|
-
-webkit-animation-timing-function: ease-in-out;
|
2633
|
-
animation-timing-function: ease-in-out;
|
2930
|
+
to {
|
2931
|
+
opacity: 0;
|
2932
|
+
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
|
2933
|
+
transform: scale(.1) translate3d(-2000px, 0, 0);
|
2934
|
+
-webkit-transform-origin: left center;
|
2935
|
+
transform-origin: left center;
|
2634
2936
|
}
|
2937
|
+
}
|
2635
2938
|
|
2939
|
+
.zoomOutLeft {
|
2940
|
+
-webkit-animation-name: zoomOutLeft;
|
2941
|
+
animation-name: zoomOutLeft;
|
2942
|
+
}
|
2943
|
+
|
2944
|
+
@-webkit-keyframes zoomOutRight {
|
2636
2945
|
40% {
|
2637
|
-
|
2638
|
-
-
|
2639
|
-
transform:
|
2640
|
-
-webkit-transform-origin: top left;
|
2641
|
-
-ms-transform-origin: top left;
|
2642
|
-
transform-origin: top left;
|
2643
|
-
-webkit-animation-timing-function: ease-in-out;
|
2644
|
-
animation-timing-function: ease-in-out;
|
2946
|
+
opacity: 1;
|
2947
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
2948
|
+
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
2645
2949
|
}
|
2646
2950
|
|
2647
|
-
|
2648
|
-
|
2649
|
-
-
|
2650
|
-
transform:
|
2951
|
+
to {
|
2952
|
+
opacity: 0;
|
2953
|
+
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
|
2954
|
+
transform: scale(.1) translate3d(2000px, 0, 0);
|
2955
|
+
-webkit-transform-origin: right center;
|
2956
|
+
transform-origin: right center;
|
2957
|
+
}
|
2958
|
+
}
|
2959
|
+
|
2960
|
+
@keyframes zoomOutRight {
|
2961
|
+
40% {
|
2651
2962
|
opacity: 1;
|
2652
|
-
-webkit-transform
|
2653
|
-
|
2654
|
-
transform-origin: top left;
|
2655
|
-
-webkit-animation-timing-function: ease-in-out;
|
2656
|
-
animation-timing-function: ease-in-out;
|
2963
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
2964
|
+
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
2657
2965
|
}
|
2658
2966
|
|
2659
|
-
|
2660
|
-
-webkit-transform: translateY(700px);
|
2661
|
-
-ms-transform: translateY(700px);
|
2662
|
-
transform: translateY(700px);
|
2967
|
+
to {
|
2663
2968
|
opacity: 0;
|
2969
|
+
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
|
2970
|
+
transform: scale(.1) translate3d(2000px, 0, 0);
|
2971
|
+
-webkit-transform-origin: right center;
|
2972
|
+
transform-origin: right center;
|
2664
2973
|
}
|
2665
2974
|
}
|
2666
2975
|
|
2667
|
-
.
|
2668
|
-
-webkit-animation-name:
|
2669
|
-
animation-name:
|
2976
|
+
.zoomOutRight {
|
2977
|
+
-webkit-animation-name: zoomOutRight;
|
2978
|
+
animation-name: zoomOutRight;
|
2670
2979
|
}
|
2671
2980
|
|
2672
|
-
|
2981
|
+
@-webkit-keyframes zoomOutUp {
|
2982
|
+
40% {
|
2983
|
+
opacity: 1;
|
2984
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2985
|
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2986
|
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2987
|
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2988
|
+
}
|
2673
2989
|
|
2674
|
-
|
2675
|
-
0% {
|
2990
|
+
to {
|
2676
2991
|
opacity: 0;
|
2677
|
-
-webkit-transform:
|
2678
|
-
transform:
|
2992
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
2993
|
+
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
2994
|
+
-webkit-transform-origin: center bottom;
|
2995
|
+
transform-origin: center bottom;
|
2996
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2997
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2679
2998
|
}
|
2999
|
+
}
|
2680
3000
|
|
2681
|
-
|
3001
|
+
@keyframes zoomOutUp {
|
3002
|
+
40% {
|
2682
3003
|
opacity: 1;
|
2683
|
-
-webkit-transform:
|
2684
|
-
transform:
|
3004
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
3005
|
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
3006
|
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
3007
|
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2685
3008
|
}
|
2686
|
-
}
|
2687
3009
|
|
2688
|
-
|
2689
|
-
0% {
|
3010
|
+
to {
|
2690
3011
|
opacity: 0;
|
2691
|
-
-webkit-transform:
|
2692
|
-
|
2693
|
-
transform:
|
3012
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
3013
|
+
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
3014
|
+
-webkit-transform-origin: center bottom;
|
3015
|
+
transform-origin: center bottom;
|
3016
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
3017
|
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2694
3018
|
}
|
3019
|
+
}
|
2695
3020
|
|
2696
|
-
|
2697
|
-
|
2698
|
-
|
2699
|
-
|
2700
|
-
|
3021
|
+
.zoomOutUp {
|
3022
|
+
-webkit-animation-name: zoomOutUp;
|
3023
|
+
animation-name: zoomOutUp;
|
3024
|
+
}
|
3025
|
+
|
3026
|
+
@-webkit-keyframes slideInDown {
|
3027
|
+
from {
|
3028
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
3029
|
+
transform: translate3d(0, -100%, 0);
|
3030
|
+
visibility: visible;
|
3031
|
+
}
|
3032
|
+
|
3033
|
+
to {
|
3034
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3035
|
+
transform: translate3d(0, 0, 0);
|
2701
3036
|
}
|
2702
3037
|
}
|
2703
3038
|
|
2704
|
-
|
2705
|
-
|
2706
|
-
|
3039
|
+
@keyframes slideInDown {
|
3040
|
+
from {
|
3041
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
3042
|
+
transform: translate3d(0, -100%, 0);
|
3043
|
+
visibility: visible;
|
3044
|
+
}
|
3045
|
+
|
3046
|
+
to {
|
3047
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3048
|
+
transform: translate3d(0, 0, 0);
|
3049
|
+
}
|
2707
3050
|
}
|
2708
3051
|
|
2709
|
-
|
3052
|
+
.slideInDown {
|
3053
|
+
-webkit-animation-name: slideInDown;
|
3054
|
+
animation-name: slideInDown;
|
3055
|
+
}
|
2710
3056
|
|
2711
|
-
@-webkit-keyframes
|
2712
|
-
|
2713
|
-
|
2714
|
-
|
2715
|
-
|
3057
|
+
@-webkit-keyframes slideInLeft {
|
3058
|
+
from {
|
3059
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
3060
|
+
transform: translate3d(-100%, 0, 0);
|
3061
|
+
visibility: visible;
|
2716
3062
|
}
|
2717
3063
|
|
2718
|
-
|
2719
|
-
|
2720
|
-
|
2721
|
-
transform: translateX(100%) rotate(120deg);
|
3064
|
+
to {
|
3065
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3066
|
+
transform: translate3d(0, 0, 0);
|
2722
3067
|
}
|
2723
3068
|
}
|
2724
3069
|
|
2725
|
-
@keyframes
|
2726
|
-
|
2727
|
-
|
2728
|
-
|
2729
|
-
|
2730
|
-
transform: translateX(0px) rotate(0deg);
|
3070
|
+
@keyframes slideInLeft {
|
3071
|
+
from {
|
3072
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
3073
|
+
transform: translate3d(-100%, 0, 0);
|
3074
|
+
visibility: visible;
|
2731
3075
|
}
|
2732
3076
|
|
2733
|
-
|
2734
|
-
|
2735
|
-
|
2736
|
-
-ms-transform: translateX(100%) rotate(120deg);
|
2737
|
-
transform: translateX(100%) rotate(120deg);
|
3077
|
+
to {
|
3078
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3079
|
+
transform: translate3d(0, 0, 0);
|
2738
3080
|
}
|
2739
3081
|
}
|
2740
3082
|
|
2741
|
-
.
|
2742
|
-
-webkit-animation-name:
|
2743
|
-
animation-name:
|
2744
|
-
}
|
3083
|
+
.slideInLeft {
|
3084
|
+
-webkit-animation-name: slideInLeft;
|
3085
|
+
animation-name: slideInLeft;
|
3086
|
+
}
|
3087
|
+
|
3088
|
+
@-webkit-keyframes slideInRight {
|
3089
|
+
from {
|
3090
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
3091
|
+
transform: translate3d(100%, 0, 0);
|
3092
|
+
visibility: visible;
|
3093
|
+
}
|
3094
|
+
|
3095
|
+
to {
|
3096
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3097
|
+
transform: translate3d(0, 0, 0);
|
3098
|
+
}
|
3099
|
+
}
|
3100
|
+
|
3101
|
+
@keyframes slideInRight {
|
3102
|
+
from {
|
3103
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
3104
|
+
transform: translate3d(100%, 0, 0);
|
3105
|
+
visibility: visible;
|
3106
|
+
}
|
3107
|
+
|
3108
|
+
to {
|
3109
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3110
|
+
transform: translate3d(0, 0, 0);
|
3111
|
+
}
|
3112
|
+
}
|
3113
|
+
|
3114
|
+
.slideInRight {
|
3115
|
+
-webkit-animation-name: slideInRight;
|
3116
|
+
animation-name: slideInRight;
|
3117
|
+
}
|
3118
|
+
|
3119
|
+
@-webkit-keyframes slideInUp {
|
3120
|
+
from {
|
3121
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
3122
|
+
transform: translate3d(0, 100%, 0);
|
3123
|
+
visibility: visible;
|
3124
|
+
}
|
3125
|
+
|
3126
|
+
to {
|
3127
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3128
|
+
transform: translate3d(0, 0, 0);
|
3129
|
+
}
|
3130
|
+
}
|
3131
|
+
|
3132
|
+
@keyframes slideInUp {
|
3133
|
+
from {
|
3134
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
3135
|
+
transform: translate3d(0, 100%, 0);
|
3136
|
+
visibility: visible;
|
3137
|
+
}
|
3138
|
+
|
3139
|
+
to {
|
3140
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3141
|
+
transform: translate3d(0, 0, 0);
|
3142
|
+
}
|
3143
|
+
}
|
3144
|
+
|
3145
|
+
.slideInUp {
|
3146
|
+
-webkit-animation-name: slideInUp;
|
3147
|
+
animation-name: slideInUp;
|
3148
|
+
}
|
3149
|
+
|
3150
|
+
@-webkit-keyframes slideOutDown {
|
3151
|
+
from {
|
3152
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3153
|
+
transform: translate3d(0, 0, 0);
|
3154
|
+
}
|
3155
|
+
|
3156
|
+
to {
|
3157
|
+
visibility: hidden;
|
3158
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
3159
|
+
transform: translate3d(0, 100%, 0);
|
3160
|
+
}
|
3161
|
+
}
|
3162
|
+
|
3163
|
+
@keyframes slideOutDown {
|
3164
|
+
from {
|
3165
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3166
|
+
transform: translate3d(0, 0, 0);
|
3167
|
+
}
|
3168
|
+
|
3169
|
+
to {
|
3170
|
+
visibility: hidden;
|
3171
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
3172
|
+
transform: translate3d(0, 100%, 0);
|
3173
|
+
}
|
3174
|
+
}
|
3175
|
+
|
3176
|
+
.slideOutDown {
|
3177
|
+
-webkit-animation-name: slideOutDown;
|
3178
|
+
animation-name: slideOutDown;
|
3179
|
+
}
|
3180
|
+
|
3181
|
+
@-webkit-keyframes slideOutLeft {
|
3182
|
+
from {
|
3183
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3184
|
+
transform: translate3d(0, 0, 0);
|
3185
|
+
}
|
3186
|
+
|
3187
|
+
to {
|
3188
|
+
visibility: hidden;
|
3189
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
3190
|
+
transform: translate3d(-100%, 0, 0);
|
3191
|
+
}
|
3192
|
+
}
|
3193
|
+
|
3194
|
+
@keyframes slideOutLeft {
|
3195
|
+
from {
|
3196
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3197
|
+
transform: translate3d(0, 0, 0);
|
3198
|
+
}
|
3199
|
+
|
3200
|
+
to {
|
3201
|
+
visibility: hidden;
|
3202
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
3203
|
+
transform: translate3d(-100%, 0, 0);
|
3204
|
+
}
|
3205
|
+
}
|
3206
|
+
|
3207
|
+
.slideOutLeft {
|
3208
|
+
-webkit-animation-name: slideOutLeft;
|
3209
|
+
animation-name: slideOutLeft;
|
3210
|
+
}
|
3211
|
+
|
3212
|
+
@-webkit-keyframes slideOutRight {
|
3213
|
+
from {
|
3214
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3215
|
+
transform: translate3d(0, 0, 0);
|
3216
|
+
}
|
3217
|
+
|
3218
|
+
to {
|
3219
|
+
visibility: hidden;
|
3220
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
3221
|
+
transform: translate3d(100%, 0, 0);
|
3222
|
+
}
|
3223
|
+
}
|
3224
|
+
|
3225
|
+
@keyframes slideOutRight {
|
3226
|
+
from {
|
3227
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3228
|
+
transform: translate3d(0, 0, 0);
|
3229
|
+
}
|
3230
|
+
|
3231
|
+
to {
|
3232
|
+
visibility: hidden;
|
3233
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
3234
|
+
transform: translate3d(100%, 0, 0);
|
3235
|
+
}
|
3236
|
+
}
|
3237
|
+
|
3238
|
+
.slideOutRight {
|
3239
|
+
-webkit-animation-name: slideOutRight;
|
3240
|
+
animation-name: slideOutRight;
|
3241
|
+
}
|
3242
|
+
|
3243
|
+
@-webkit-keyframes slideOutUp {
|
3244
|
+
from {
|
3245
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3246
|
+
transform: translate3d(0, 0, 0);
|
3247
|
+
}
|
3248
|
+
|
3249
|
+
to {
|
3250
|
+
visibility: hidden;
|
3251
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
3252
|
+
transform: translate3d(0, -100%, 0);
|
3253
|
+
}
|
3254
|
+
}
|
3255
|
+
|
3256
|
+
@keyframes slideOutUp {
|
3257
|
+
from {
|
3258
|
+
-webkit-transform: translate3d(0, 0, 0);
|
3259
|
+
transform: translate3d(0, 0, 0);
|
3260
|
+
}
|
3261
|
+
|
3262
|
+
to {
|
3263
|
+
visibility: hidden;
|
3264
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
3265
|
+
transform: translate3d(0, -100%, 0);
|
3266
|
+
}
|
3267
|
+
}
|
3268
|
+
|
3269
|
+
.slideOutUp {
|
3270
|
+
-webkit-animation-name: slideOutUp;
|
3271
|
+
animation-name: slideOutUp;
|
3272
|
+
}
|