Как наклонять карточку при наведении мышкой

.card {
  transition: transform 0.3s ease;
}

**Нюансы:**
1. `transform` не влияет на поток документа (не сдвигает соседние элементы).
2. Для 3D-эффекта можно добавить `perspective` родителю и `rotate3d`.
3. Если нужен более сложный наклон (например, по оси X и Y), используйте `rotateX()` и `rotateY()`.

Пример с 3D:
```css
.card-wrapper {
  perspective: 1000px;
}

.card {
  transform-style: preserve-3d;
  transition: transform 0.5s;
}

.card:hover {
  transform: rotateX(10deg) rotateY(5deg);
}