طراحی سایت

کد افکت نور نئون به متن با Css

انتشار: 2025-03-06 زمان مطالعه: ۱ دقیقه نویسنده: perfectdesign.pro

کد افکت نور نئون با css قابل استفاده در المنتور و وردپرس

Glow Text

کد رو کپی کن، یه متن توی المنتور اضافه کن، وارد تب پیشرفته ابزار متن شو، کد رو بزار تو ویراشگر CSS المنتور (المنتور پرو) ، glow-text رو بزار تو قسمت کلاس CSS

				
					/* استایل پایه برای متن */
.glow-text {
    font-size: 48px; /* اندازه متن */
    font-weight: bold; /* ضخامت متن */
    color: #fff; /* رنگ متن */
    text-align: center; /* تراز متن */
    position: relative; /* برای موقعیت‌دهی به سایه */
    transition: all 0.5s ease; /* انیمیشن برای تغییرات */
}
/* افکت زمانی که موس روی متن است */
.glow-text:hover {
    text-shadow: 
        0 0 10px #fff, /* سایه سفید برای نور */
        0 0 20px #fff, 
        0 0 40px #ff00de, /* سایه صورتی برای انعکاس */
        0 0 80px #ff00de, 
        0 0 120px #ff00de;
    /* ایجاد سایه انعکاس نور روی زمینه */
    filter: drop-shadow(0 0 10px rgba(255, 0, 222, 0.7)) 
            drop-shadow(0 0 20px rgba(255, 0, 222, 0.5)) 
            drop-shadow(0 0 40px rgba(255, 0, 222, 0.3));
}
				
			

پروژه شما می‌تواند نمونه‌کار بعدی باشد

هزینه را آنلاین برآورد کنید یا برای مشاوره رایگان تماس بگیرید.

ادامه مطالعه

مطالب مرتبط

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مشاوره رایگانتماس یا پیام، هر روز ۹:۳۰ تا ۱۹