تالار میدوری

نسخه کامل: سایه گذاری برای فریم ها با css (بخش سوم)
شما در حال مشاهده نسخه تکمیل نشده می باشید. مشاهده نسخه کامل با قالب بندی مناسب.
سایه گذاری برای فریم ها با css (بخش سوم)
برای اینکه حالت سه بعدی به کادر , پنجره و یا دکمه ها بدهیم راه های زیادی هست . یکی از این راه ها به شرح زیر میباشد . ابتدا تصویر زیر را ببینید :

===================
[تصویر: 2013-05-27_211329.png]
===================
برای این کار فرمول کلی زیر برقرار است که بصورت تصویری می توان دید :

===================
[تصویر: spread-blur4.png]
====================
در بخش سوم آموزش برای دیدن تصویر زیر :

====================
[تصویر: 2013-05-27_210612.png]
====================
کد های زیررا باید در بخش استایل قالب ها وارد کرد . طبق تصویر بالا , نتیجه با تصویر بالا برابر است .

کد PHP:
#Example_M {
-moz-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
-webkit-box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
box-shadow: 0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue;
}


قائده کلی برای مناسب بودن این کدها در مروگرهای گوناگون
====================


picture


=====================
لینک مرجع