س.م
سارا محمدی
طراح تجربه کاربری و علاقه‌مند به رابط‌های تمیز و مینیمال.
کارت پروفایل شناور
کارت
پروفایل
آواتار حروف
۱۳
۴.۶ (۳)
پیش‌نمایش زنده (iframe sandbox)
تمام‌صفحه
کد این اسنیپت فقط برای کاربران ثبت‌نام‌شده است.
برای دسترسی کافی است یک حساب رایگان بسازید یا وارد شوید. آیتم: کارت پروفایل هولوگرافیک
درباره این اسنیپت
کارت معرفی با قاب هولوگرافیک که در هاور، گرادیان رنگین‌کمانی دور کارت می‌چرخد و حس سطح تمام‌نگار می‌دهد. آواتار دایره‌ای، نام، شغل و برچسب‌های مهارت در چیدمانی تمیز وسط‌چین شده‌اند. مناسب پروفایل اعضای تیم، صفحات درباره ما و کارت معرفی سخنران است. قاب متحرک با لایه conic-gradient و ماسک داخلی ساخته شده است.
پرسش‌های متداول
بله؛ خط animation را به حالت :hover منتقل کنید (.radikalwp-card-holo:hover) تا چرخش فقط هنگام تعامل اجرا شود و صفحه ساکن‌تر بماند.
کلاس avatar را روی <img> بگذارید و object-fit:cover اضافه کنید؛ گردی حاشیه از border-radius: 50% حفظ می‌شود.
مدت 5s در انیمیشن را تغییر دهید؛ اعداد بزرگتر چرخش آرامتر و لوکستری میسازند.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۴.۵ از ۴ رأی — برای امتیازدهی وارد شوید
دیدگاه‌ها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!