You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
18 lines
708 B
18 lines
708 B
|
|
<script>
|
|
export let href;
|
|
export let picture;
|
|
export let alt;
|
|
</script>
|
|
|
|
|
|
<a href={href} class="group relative shadow w-full bg-cover text-white rounded-lg hover:-translate-y-1 duration-300 overflow-hidden">
|
|
<img src={picture} class="bg-black rounded-lg group-hover:bg-gradient-to-b group-hover:from-rose-400 group-hover:to-red-900 duration-300 w-full h-full" alt={alt} />
|
|
<div class="absolute inset-0 bg-black bg-opacity-50 group-hover:bg-opacity-20 duration-300 rounded-lg"></div>
|
|
|
|
<div class="absolute inset-0 flex justify-center items-center">
|
|
<h4 class="font-bold italic text-sm lg:text-3xl text-center drop-shadow-xl">
|
|
<slot />
|
|
</h4>
|
|
</div>
|
|
</a> |