Как сделать плавный наклон карточки

Для плавного наклона карточки при наведении можно использовать CSS-свойство transform с rotate() и transition.

.card {
  transition: transform 0.3s ease;
}

.card:hover {
  transform: rotate(5deg);
}

Нюансы:

• Добавь transform-origin, если нужно изменить точку вращения (по умолчанию — центр).
• Для лучшей производительности используй will-change: transform.
• Если нужен 3D-эффект, добавь perspective родителю.

Пример с 3D-эффектом:

.card-wrapper {
  perspective: 1000px;
}

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

.card:hover {
  transform: rotateY(15deg);
}