Как создать эффект появления анимации для изображения?

Для создания эффекта появления анимации для изображения, можно использовать CSS анимации или CSS transitions. Вот пример CSS кода, который можно использовать для создания плавного появления изображения:

```css
.image {
  opacity: 0;
  transition: opacity 0.5s;
}

.image.show {
  opacity: 1;
}
```

А затем добавьте класс `show` к изображению при его отображении, чтобы запустить анимацию появления.

Чтобы добавить плавную анимацию увеличения и перемещения при открытии фотографии из галереи в проекте на Sveltekit, можно использовать JavaScript для управления классами CSS. Вот пример кода на JavaScript, который можно использовать для этого:

```javascript
<script>
  let isOpen = false;

  function openImage() {
    isOpen = true;
  }

  function closeImage() {
    isOpen = false;
  }
</script>

<style>
  .image {
    transform: scale(1);
    transition: transform 0.5s, top 0.5s, left 0.5s;
  }

  .image.animate {
    transform: scale(1.5);
    top: 50%;
    left: 50%;
    transform-origin: center center;
    position: fixed;
  }
</style>

{#if isOpen}
  <div class="image animate" on:click={closeImage}>
    <!-- Ваше изображение здесь -->
  </div>
{:else}
  <div class="gallery" on:click={openImage}>
    <!-- Ваша галерея изображений здесь -->
  </div>
{/if}
```

В этом примере, когда пользователь нажимает на изображение в галерее (`openImage`), добавляется класс `animate`, который запускает анимацию увеличения и перемещения изображения. Когда пользователь нажимает на изображение анимации, вызывается функция `closeImage`, которая удаляет класс `animate` и закрывает изображение.