پیش‌نمایش زنده
اسنیپت
سوییچ مکعبی رترو
سوییچ
رترو
مکعبی
۶۵
۴.۱ (۱۰)
پیش‌نمایش زنده (iframe sandbox)
تمام‌صفحه
کد این اسنیپت فقط برای کاربران ثبت‌نام‌شده است.
برای دسترسی کافی است یک حساب رایگان بسازید یا وارد شوید. آیتم: دکمه رترو آفست
درباره این اسنیپت
دکمه‌ای به سبک کلاسیک با بدنه کرم، حاشیه قهوه‌ای ضخیم و سایه سخت جابه‌جاشده که در هاور از زیر دکمه بیرون می‌کشد و در کلیک کاملاً زیرش می‌رود. این سبک نوستالژیک برای برندهای دست‌ساز، کافه‌ها و فروشگاه‌های قدیمی‌پسند هویت خوبی می‌سازد. حرکت سایه بازخورد لمسی روشنی می‌دهد. همه‌چیز با border و box-shadow خالص ساخته شده است.
پرسش‌های متداول
عدد 6px در box-shadow اصلی را کم یا زیاد کنید. مقادیر هاور و حالت کلیک را هم متناسب تغییر دهید تا حرکت سایه طبیعی بماند.
بله؛ در box-shadow مقدار افقی را منفی کنید تا سایه به سمت چپ برود یا مقدار عمودی را منفی کنید تا سایه بالای دکمه قرار گیرد.
متن داخل تگ button در HTML آزاد است. برای هماهنگی بیشتر میتوانید رنگ بدنه و حاشیه را با پالت برند خود عوض کنید.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۴.۴ از ۴ رأی — برای امتیازدهی وارد شوید
دیدگاه‌ها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!