blob: 5c2546b9d669cc424d3923e113416e48cd0e24c7 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
<template>
<img src="~/assets/images/logo.png">
</template>
<style lang="scss" scoped>
img {
height: 376px;
animation-delay: 0.5s;
animation-duration: 1.5s;
animation-fill-mode: both;
animation-name: floatUp;
animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
}
@keyframes floatUp {
0% {
opacity: 0;
transform: scale(0.86);
}
25% { opacity: 100; }
67% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
</style>
|