nicco.io/src/components/ImageFrame.svelte

24 lines
373 B
Svelte
Raw Normal View History

2020-09-23 15:37:12 +02:00
<script>
export let src
export let alt
</script>
<style>
img {
width: calc(100% - 0.25em);
object-fit: cover;
object-position: center;
border: 0.125em solid var(--clr-primary);
transition: var(--animation);
transform: scale(1);
margin: 0;
}
img:hover {
transform: scale(1.1);
margin: 1em 0;
}
</style>
<img {src} {alt} />