|
159 | 159 | .header.menu-opened .header-logo { |
160 | 160 | transition-delay: 0.15s; |
161 | 161 | opacity: 0; |
162 | | - transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); |
| 162 | + transition: opacity 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.35s cubic-bezier(0.4, 0.01, 0.165, 0.99); |
163 | 163 | } |
164 | 164 |
|
165 | 165 | .header ul.navigation li.navigation-item .navigation-item-link { |
|
172 | 172 | transform: scale(1.15) translateY(-30px); |
173 | 173 | opacity: 0; |
174 | 174 | transition-delay: 0.15s; |
175 | | - transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); |
176 | | - transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); |
177 | | - transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); |
| 175 | + transition: opacity 0.35s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); |
| 176 | + transition: transform 0.35s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); |
| 177 | + transition: transform 0.35s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.35s cubic-bezier(0.4, 0.01, 0.165, 0.99); |
178 | 178 | } |
179 | 179 |
|
180 | 180 | .header.menu-opened { |
|
218 | 218 | /* TODO: Find another solution for cascade animation */ |
219 | 219 |
|
220 | 220 | .header.menu-opened ul.navigation li.navigation-item:nth-child(1) { |
221 | | - transition-delay: 0.27s; |
| 221 | + transition-delay: 0.16s; |
222 | 222 | } |
223 | 223 | .header.menu-opened ul.navigation li.navigation-item:nth-child(2) { |
224 | | - transition-delay: 0.34s; |
| 224 | + transition-delay: 0.22s; |
225 | 225 | } |
226 | 226 | .header.menu-opened ul.navigation li.navigation-item:nth-child(3) { |
227 | | - transition-delay: 0.41s; |
| 227 | + transition-delay: 0.28s; |
228 | 228 | } |
229 | 229 | .header.menu-opened ul.navigation li.navigation-item:nth-child(4) { |
230 | | - transition-delay: 0.48s; |
| 230 | + transition-delay: 0.34s; |
231 | 231 | } |
232 | 232 | .header.menu-opened ul.navigation li.navigation-item:nth-child(5) { |
233 | | - transition-delay: 0.55s; |
| 233 | + transition-delay: 0.40s; |
234 | 234 | } |
235 | 235 | .header.menu-opened ul.navigation li.navigation-item:nth-child(6) { |
236 | | - transition-delay: 0.62s; |
| 236 | + transition-delay: 0.46s; |
237 | 237 | } |
238 | 238 | .header.menu-opened ul.navigation li.navigation-item:nth-child(7) { |
239 | | - transition-delay: 0.69s; |
| 239 | + transition-delay: 0.52s; |
240 | 240 | } |
241 | 241 | .header.menu-opened ul.navigation li.navigation-item:nth-child(8) { |
242 | | - transition-delay: 0.76s; |
| 242 | + transition-delay: 0.58s; |
243 | 243 | } |
244 | 244 | } |
245 | 245 |
|
|
0 commit comments