PDA

View Full Version : سوال: ایجاد متنهای سایه دار در لینک با css


jafar1374
جمعه 02 مهر 1389, 11:41 صبح
سلام
می خواستم بدونم کد ایجاد سایه در لینکها چیه؟
اونوقتی که که موس میره روی یه لینک یه a hover و جلوه سایه ایی خوبی به لینک میده
نمونه:
مخصوصا قسمت نظرات خیلی قشنگ شده
http://www.persianscript.ir/1389/06/31/%D8%A7%D9%81%D8%B2%D9%88%D9%86%D9%87-%D8%B1%D8%A8%D8%A7%D8%AA-%D8%A7%D9%81%D8%B2%D8%A7%DB%8C%D8%B4-%D8%A2%D9%85%D8%A7%D8%B1-%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3-%D9%86%D8%B3%D8%AE%D9%87-3-0/#more-1206

با تشکر:قلب:
hamiii
جمعه 02 مهر 1389, 12:57 عصر
از خصوصیت text-shadow در CSS3 استفاده شده.

cheat-sheet CSS3 را از ضمیمه دریافت کنید.
mohsen.dbnet
شنبه 03 مهر 1389, 13:30 عصر
ایراد کد من چیه که اون چیزی که شما می گیدو نمی تونم اجام بدم؟



<html>
<head>
<title></title>
<style type="text/css">
a:hover{
text-shadow:#96C;;
}
</style>
</head>
<body>
<a href="#" >mohsen.dbnet<a>
</body>
</html>
hamiii
شنبه 03 مهر 1389, 14:10 عصر
ایراد کد من چیه که اون چیزی که شما می گیدو نمی تونم اجام بدم؟

کافیه به استایلتون سه عدد زیر رو اضافه کنید دوست عزیز:


a:hover{
text-shadow:20px 10px 15px #746E49;
}


این اعداد پوزیشن سایه و سایزش رو تنظیم میکنه.

والبته یادت نره از مرورگری استفاده کنی که css3 رو پشتیبانی کنه. مثل ff

موفق باشی