text-shadow

آموزش سایه دادن به نوشته با CSS

سلام دوستان امروز میخوام نحوه سایه دادن به متن رو با استفاده از CSS  بهتون آموزش بدم پس با ما همراه باشید. برای اینکه به یک نوشته سایه داده بشه کافی از خاصیت text-shdow استفاده بشه همونطور که در کد زیر میبینید به سادکی میشه با دادن این خاصیت به  هر متنی که دلتون میخواد سایه بدید و اگر یکم ذکات به خرج بدید میتونید ی حالت سه بعدی نیز ایجاد کنید. به کد زیر دقت کنید <!DOCTYPE html> <html> <head> <title>Shadow</title> <meta charset="utf-8"> <style type="text/css"> .box-text { font-size: 62px; text-align: center; width: 100%; padding-top: 10%; text-shadow: 25px 25px 17px; font-weight: bold; font-family: cursive; color: rgba(0, 0, 0, 0.65); } </style> </head> <body> <div class="box-text"> wpmen.ir <br> مردان وردپرس </div> </body> </html> ما در این کد اومدیم از یک div استفاده کردیم و یک سری خاصیت با استفاده از css  به اون دادیم ...

ادامه مطالب