<label class="radikalwp-tgl-retro"><input type="checkbox"><span class="radikalwp-tgl-retro-track"><span class="radikalwp-tgl-retro-knob"><//span><//span><//label>
.radikalwp-tgl-retro { display: inline-block; cursor: pointer; }
.radikalwp-tgl-retro input { position: absolute; opacity: 0; }
.radikalwp-tgl-retro-track {
display: block;
width: 60px;
height: 30px;
padding: 4px;
background: #f5f0e6;
border: 2px solid #44403c;
border-radius: 6px;
box-shadow: 3px 3px 0 #44403c;
transition: background .25s ease;
}
.radikalwp-tgl-retro-knob {
display: block;
width: 22px;
height: 22px;
background: #44403c;
border-radius: 3px;
transition: transform .25s ease;
}
.radikalwp-tgl-retro input:checked + .radikalwp-tgl-retro-track { background: #f87171; }
.radikalwp-tgl-retro input:checked + .radikalwp-tgl-retro-track .radikalwp-tgl-retro-knob {
transform: translateX(-30px);
background: #fff5f5;
}
درباره این اسنیپت
سوییچ مربعی با ظاهر رترو و لبههای تیز که یادآور کلیدهای پنلهای قدیمی است؛ پسزمینه کرم و حاشیه تیره، حس نوستالژیک میدهد. دستگیره مکعبی در دو سر مسیر میچسبد و رنگ بدنه در حالت روشن قرمز آجری میشود. برای وبلاگهای شخصی، استودیوهای خلاق و برندهای وینتیج مناسب است. متضاد با رابطهای شیشهای امروزی دیده میشود.
پرسشهای متداول
سایه آفست تیز (3px 3px 0) امضای استایل رترو/نئوبروتالیسم است و عمق فیزیکی بدون بلور میدهد؛ حذفش ظاهر را تخت و مدرن میکند.
برای هشدار عالی است؛ برای انتخابی امن، کرم روشنتر با حاشیه سبز تیره یا آبی سرمهای هم حس رترو را حفظ میکند.
فونتهای فارسی با وزن سنگین و حس قدیمی مثل وزیرمتن Black یا فونتهای کیهانگونه با حروف فشرده بهترین هماهنگی را دارند.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۴.۱ از ۱۰ رأی — برای امتیازدهی وارد شوید
دیدگاهها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!