ایجاد متن سایه دار با CSS

نویسنده متا, بعد از ظهر 20:03:56 - 01/31/22

« سایه دار کردن متن با سی اس اس ۳ و jQuery | ساخت درگاه پرداخت با php »

0 اعضا و 1 مهمان درحال دیدن موضوع.

چاپ صفحه
پایین صفحه1
اقدامات کاربر

متا

بعد از ظهر 20:03:56 - 01/31/22 Last Edit: بعد از ظهر 16:43:02 - 07/28/23 by forum
ایجاد متن سایه دار با CSS با افکت RGB آبی - به طور معمول، از متن همراه با سایه در عنوان یا تیتر برای برجسته نشان دادن آن استفاده می شود. همچنین می توانید انیمیشن مبتنی بر CSS را به سایه ها اضافه کنید تا حتی بیشتر به چشم بیاید.
کد زیر را کپی کنید
کد [انتخاب]
.text-shadow-demo3 {
 
    font-size:60px;
 
    font-family: verdana;
 
    letter-spacing: .18em;
 
    color:#fff;
 
    text-shadow:  0.45rem -0.45rem #B41039, -0.45rem -0.45rem #F3819D, 0 0.5rem rgba(255, 88, 9, 0.75);
 
}

نتیجه:
CSS-shadow.jpg

کد [انتخاب]
<!DOCTYPE html>
<html>
<head>

<style>
.text-shadow-demo3 {
  text-align: center;
  font-family: Georgia, Serif;
  font-weight: 800;
  font-style: italic;
  font-size: 70px;
  padding: 40px 0;
  letter-spacing:1px;   
  color: #92a5de;

  text-shadow:0px 0px 0 rgb(137,156,213),1px 1px 0 rgb(129,148,205),2px 2px 0 rgb(120,139,196),3px 3px 0 rgb(111,130,187),4px 4px 0 rgb(103,122,179),5px 5px 0 rgb(94,113,170),6px 6px 0 rgb(85,104,161),7px 7px 0 rgb(76,95,152),8px 8px 0 rgb(68,87,144),9px 9px 0 rgb(59,78,135),10px 10px 0 rgb(50,69,126),11px 11px 0 rgb(42,61,118),12px 12px 0 rgb(33,52,109),13px 13px 0 rgb(24,43,100),14px 14px 0 rgb(15,34,91),15px 15px 0 rgb(7,26,83),16px 16px 0 rgb(-2,17,74),17px 17px 0 rgb(-11,8,65),18px 18px 0 rgb(-19,0,57),19px 19px 0 rgb(-28,-9,48), 20px 20px 0 rgb(-37,-18,39),21px 21px 20px rgba(0,0,0,1),21px 21px 1px rgba(0,0,0,0.5),0px 0px 20px rgba(0,0,0,.2);
}

</style>

</head>
<body>

<div class="text-shadow-demo3">
  Text Shadow demo
</div>


</body>
</html>
چاپ صفحه
بالا صفحه1
اقدامات کاربر
Tags:

اشتراک پست

Share via facebook Share via linkedin Share via telegram Share via twitter Share via whatsapp

ارسال های مرتبط

https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
سایه دار کردن متن با سی اس اس ۳ و jQuery

نویسنده متا در زبان های برنامه نویسی

1 ارسال
3352 مشاهده 		آخرین ارسال: بعد از ظهر 21:39:00 - 01/31/22
توسط متا
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
ایجاد موقعیت در css

نویسنده behzad_vb.net در زبان های برنامه نویسی

2 ارسال
2498 مشاهده 		آخرین ارسال: بعد از ظهر 13:23:04 - 01/21/12
توسط maxim354
https://www.meta4u.com/forum/Themes/Comet/images/post/clip.png
متن زیبا در وصف مادر

نویسنده guld118 در مطالب جالب ،خواندنی و آموزنده

0 ارسال
1659 مشاهده 		آخرین ارسال: بعد از ظهر 18:06:49 - 08/25/17
توسط guld118
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
فاصله حروف در css

نویسنده ali22 در زبان های برنامه نویسی

4 ارسال
2287 مشاهده 		آخرین ارسال: قبل از ظهر 10:45:06 - 12/25/11
توسط ali22
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
اموزش جامع css

نویسنده mohammad a در زبان های برنامه نویسی

1 ارسال
1915 مشاهده 		آخرین ارسال: بعد از ظهر 14:53:05 - 10/20/11
توسط mohammad a
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
آشنایی با Css ,Html

نویسنده Amir Shahbazzadeh در زبان های برنامه نویسی

1 ارسال
1842 مشاهده 		آخرین ارسال: بعد از ظهر 22:29:16 - 06/27/11
توسط Amir Shahbazzadeh
https://www.meta4u.com/forum/Themes/Comet/images/post/xx.png
استفاده از css ماژول ها

نویسنده behzad_vb.net در مدیریت محتوای Joomla

8 ارسال
2380 مشاهده 		آخرین ارسال: بعد از ظهر 19:17:57 - 12/07/11
توسط Amir Shahbazzadeh