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  به اون دادیم ...

ادامه مطالب