30 lines
594 B
Svelte
30 lines
594 B
Svelte
<script lang="ts">
|
|
import maskenball from './maskenball.svg?raw';
|
|
</script>
|
|
|
|
<div>
|
|
{@html maskenball}
|
|
</div>
|
|
|
|
<style>
|
|
@import './maskenball.css';
|
|
|
|
div {
|
|
margin-top: 10px;
|
|
position: relative;
|
|
display: flex;
|
|
z-index: 5;
|
|
align-items: center;
|
|
justify-content: center;
|
|
filter: drop-shadow(0px 0px 40px #be8630aa) drop-shadow(0px 0px 5px black)
|
|
drop-shadow(0px 0px 5px black) drop-shadow(0px 0px 5px black);
|
|
}
|
|
|
|
div :global(path) {
|
|
animation-duration: 5s !important;
|
|
animation-delay: 2s !important;
|
|
animation-fill-mode: forwards !important;
|
|
stroke: #d9c556;
|
|
}
|
|
</style>
|