Сделайте анимацию на падении карты с Tailwind ⇐ Html

[Anonymous]

У меня есть приведенный ниже код реагирования с стилем Taillide, который в значительной степени работает в соответствии с моим дизайном -< /p>

Код: Выделить всё

import React from 'react';

const SubscriptionCard = () => {

const commonHoverEffect = "transform scale-105 z-10 transition-transform duration-300 hover:scale-110 hover:shadow-[0_10px_25px_rgba(0,0,0,0.2)]";

return (




Subscription Name


Max Users


Max Discipline


Max Parameters


Final Amount




);
};

export default SubscriptionCard;

Это выглядит так -
Теперь проблема в том, что вы можете видеть, что на границе есть на максимальной стороне, на котором на самом деле, и в том, что в этом истинном эффекте. Кроме того, я вижу, что левая сторона Hover Div рендеринг позади первого Div. Но это должно быть в верхней части первого div, чтобы карта Hover выглядела как 3D -эффект.
FYI Вот несколько изображений карты покоя. /> См. Здесь, на изображении 1, эффект 1 -й парящей падения рендеринг правильно. То же самое относится и к последнему дел. проблемы? Я новичок в Tailwind, поэтому мне нужна помощь.

Подробнее здесь: https://stackoverflow.com/questions/796 ... h-tailwind