متن سایه دار با CSS3
623 روز پیش
پويا صادقى , آموزش CSS
متن سایه دار
متن سایه دار در بیشتر مرورگرها پشتیبانی میشه حتی Opera Mini !
text-shadow: 2px 1px 3px #000;
در کد بالا 2 پیکسل عمودی ، 1 پیکسل افقی و 3 پیکسل بلور با رنگ مشکی تنظیم شده.
جلوه های ویژه :
با این ویژگی حتی میشه چند تا سایه به متن داد! (به کوری چشم فتوشاپ ! )
text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20;
که میشه این:
<img class="aligncenter" src="http://ufziwg.bay.livefilestore.com/y1prhfQVWa3b4OkHKMoHY2TtPiXRbMZu9seeyOX_9yErBKgJ-VLurJ1uTg7Fo6RXsC7GmCD9OERZhSYQyJSutwteN_Ddv9g6AQL/firebycss3.PNG" border="0" alt="CSS 3 text-shadow" />
نوشته شده توسط پويا صادقى
سلام! من پویا صادقی هستم؛ طراح وب استاتیک ، CSS/HTML ، دانشجوی نرم افزار.
می تونید من رو در توییتر دنبال کنید، گالری من رو در deviantart ببینید،
یا با ایمیل info@Pasargad-Graphic.com تماس بگیرید.
