ابزار تولید سایه متن CSS
ایجاد افکت‌های جذاب و سه‌بعدی برای متون سایت با تنظیم دقیق پارامترهای text-shadow و کپی سریع کد استاندارد CSS.
تنظیمات سایه متن
text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
چرا از این ابزار استفاده کنیم؟
پیش‌نمایش زنده
همان لحظه که اسلایدرها را تغییر می‌دهید، سایه متن به‌روزرسانی می‌شود و خروجی نهایی را می‌بینید.
متن دلخواه
متن پیش‌نمایش را به دلخواه خود تغییر دهید تا سایه را روی عبارت واقعی سایت تست کنید.
کنترل کامل رنگ
رنگ سایه، متن و پس‌زمینه پیش‌نمایش را به صورت مستقل تنظیم کنید.
راهنمای گام به گام
تنظیم جابجایی سایه
جابجایی افقی و عمودی سایه را با اسلایدرها تنظیم کنید تا موقعیت سایه مشخص شود.
تنظیم تاری و شفافیت
میزان تاری (Blur) و شفافیت سایه را مطابق طراحی خود تغییر دهید.
انتخاب رنگ‌ها
رنگ سایه، رنگ متن و پس‌زمینه پیش‌نمایش را با پیکر رنگ یا کد هگز تنظیم کنید.
کپی کد CSS
روی دکمه «کپی کد» کلیک کنید و کد نهایی را در فایل style.css یا CSS سفارشی قالب خود قرار دهید.
سوالات متداول
خاصیت text-shadow در CSS به شما اجازه می‌دهد تا به متون خود سایه اضافه کنید. این خاصیت از مقادیری شامل جابجایی افقی (X)، جابجایی عمودی (Y)، میزان تاری (Blur) و رنگ سایه تشکیل می‌شود.
کد تولید شده را کپی کرده و به کلاس یا ID المان متنی مورد نظر خود در فایل استایل (CSS) سایت وردپرسی‌تان اضافه کنید. مثال: .my-title { text-shadow: ...; }
بله، در بخش «متن دلخواه» می‌توانید هر متنی وارد کنید تا سایه روی آن تست شود.
از منوی بالا گزینه «نصب وب اپلیکیشن» را انتخاب کنید و مراحل نمایش داده شده را دنبال کنید تا ابزار روی صفحه اصلی دستگاه شما نصب شود.