پیش‌نمایش زنده (iframe sandbox) تمام‌صفحه
در حال بارگذاری پیش‌نمایش زنده...
<div class="radikalwp-hover-shadow"><b>کارت شناور<//b><span>ماوس را روی من نگه دار<//span><//div>
.radikalwp-hover-shadow {
  width: 230px; padding: 20px; background: #fff; border-radius: 16px; border: 1px solid #eef2f7;
  transition: transform .3s, box-shadow .3s;
}
.radikalwp-hover-shadow b { display: block; font-size: 14px; color: #1e293b; margin-bottom: 4px; }
.radikalwp-hover-shadow span { font-size: 12px; color: #94a3b8; }
.radikalwp-hover-shadow:hover { transform: translateY(-6px); box-shadow: 0 18px 34px rgba(79,70,229,.22); }

درباره این اسنیپت

باکس که در هاور هم بالا می‌آید هم سایه رنگ برند زیرش روشن‌تر می‌شود؛ عمق حس‌شده بدون سنگینی.

امتیاز شما به این محتوا

میانگین امتیاز کاربران: ۴.۶ از ۳ رأی — برای امتیازدهی وارد شوید

دیدگاه‌ها (۰)

هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!

دیدگاه خود را بنویسید

کپچا

دیدگاه شما پس از تأیید مدیر نمایش داده می‌شود.

شاید بپسندی

نام تصویر
پیش‌نمایش زنده اسنیپت

هاور شناور با سایه رشد

هاور شناور سایه
۳۲
۴.۶ (۵)

دوره پیشرفته CSS

با افکت‌های مدرن، انیمیشن‌های GPU و معماری استایل مقیاس‌پذیر آشنا شوید.

جزئیات دوره ←
پیش‌نمایش زنده اسنیپت

هاور بلندشدن سایه‌دار

هاور سایه کارت
۲۲
۴.۹ (۳)
پیش‌نمایش زنده اسنیپت

دکمه مغناطیسی فنری

دکمه مغناطیسی فنری
۲۳
۴.۶ (۳)