با استفاده از CSS یک کارت ساده با گوشه‌های گرد و سایه‌ی بیرونی (box-shadow) ایجاد کنید که هنگام هاور سایه بزرگ‌تر و کمی جابجا شود.

برای حل این مسئله از خاصیت box-shadow در CSS استفاده کنید (مقادیر offset-x, offset-y, blur, spread و رنگ) و با border-radius گوشه‌ها را گرد کنید؛ برای ایجاد افکت هنگام هاور از سلکتور :hover استفاده کرده و مقدار سایه را بزرگ‌تر یا جابجا کنید و با transition افکت نرم و پیوسته بسازید. توصیه‌ها: از رنگ‌های نیمه‌شفاف مثل rgba برای سایه استفاده کنید، می‌توانید چند سایه را با هم جدا کنید و برای حرکت ملایم از transform: translateY(-4px) همراه با تغییر box-shadow بهره ببرید.