30 lines
1.1 KiB
Vue
30 lines
1.1 KiB
Vue
<template>
|
|
<div>
|
|
<img :src="'/skonk/board/top/Quest_Board_top_fleur0006.png'" class="image">
|
|
</div>
|
|
</template>
|
|
<style lang="css" scoped>
|
|
@keyframes fleur {
|
|
0% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0000.png);}
|
|
17% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0001.png);}
|
|
34% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0002.png);}
|
|
50% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0003.png);}
|
|
67% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0004.png);}
|
|
84% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0005.png);}
|
|
100% {background-image: url(/skonk/board/top/Quest_Board_top_fleur0006.png);}
|
|
}
|
|
div {
|
|
width: 100%;
|
|
max-width: 662px;
|
|
padding: 15px;
|
|
position: sticky;
|
|
top: 0;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 20px;
|
|
|
|
background: var(--background-color);
|
|
z-index: 100;
|
|
background: linear-gradient(180deg, var(--background-color) 0%, var(--background-color) 80%, rgba(255, 255, 255, 0) 100%);
|
|
}
|
|
</style> |