پیشنمایش زنده (iframe sandbox)
تمامصفحه
<h2 class="radikalwp-txt-neon">NEON<//h2>
.radikalwp-txt-neon {
margin: 0;
font-size: 52px;
font-weight: 900;
letter-spacing: 6px;
text-align: center;
color: #fff;
text-shadow:
0 0 6px rgba(236, 72, 153, .9),
0 0 18px rgba(236, 72, 153, .65),
0 0 42px rgba(236, 72, 153, .45);
animation: radikalwp-txt-neon-flicker 4s linear infinite;
}
@keyframes radikalwp-txt-neon-flicker {
0%, 9%, 11%, 54%, 56%, 100% { opacity: 1; }
10% { opacity: .45; }
55% { opacity: .6; }
}
درباره این اسنیپت
متن نئونی که با سایههای چندلایه رنگی میدرخشد و هر چند ثانیه یک فلیکر کوتاه مثل لامپ نئون واقعی دارد. برای تابلوهای برند، صفحات خلاقانه و بخشهای شبمانند طراحی شده است. فلیکر با درصدهای دقیق کیفریم طبیعی و آزاردهنده نیست. روی پسزمینه تیره عمیق بهترین جلوه را دارد.
پرسشهای متداول
سه رنگ در text-shadow را همرنگ و با شفافیت کاهشی تغییر دهید؛ حروف سفید بمانند تا هاله حول آنها کامل دیده شود.
فلیکر فقط در دو بازه کوتاه (درصد ۱۰ و ۵۵) رخ میدهد؛ اگر آرامتر میخواهید درصدهای ۱۰ و ۵۵ را حذف کنید تا فقط درخشش ثابت بماند.
بله؛ فقط letter-spacing را کم کنید چون حروف چسبان فارسی با فاصله زیاد از هم گسسته دیده میشوند؛ مقدار 2px امن است.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۴.۴ از ۳ رأی — برای امتیازدهی وارد شوید
دیدگاهها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!