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));
}
				
			
برای دیدن نمونه کارهایی که دنبال آن هستید تایپ کنید.
وبلاگ