hover در یک textbox

ps_ehsan

Member
سلام دوستان .

می خوام یه textbox طراحی کنم که وقتی موس روش قرار می گیره ، دورش نوری آبی بیفته مثل textbox سرچ در گوگل

می دونم باید از box-shadow استفاده کنم و میدونم کار باهاش چطوریه .

فقط مشکل من اینه که یا shadow بسمت چپه یا راست و یا بالا یا پایین . (نمیشه هم بالا و پایین و یا چپ و راست)

لطفا یه کد برام بذارین که این مشکل توش حل شده باشه ...

از کمک تون ممنون ...
 
سلام . برای این که به اطراف نره مقدار چپ و بالا رو برابر 0 بذار و مقدار سوم که همون مقدار پخش شدن رنگ و مقدار چهارم که مقدار فاصله ی رنگ سایه باکس از خود المنت هست رو مقدار دهی کن . مثل کدی که برایت گذاشتم .

[CSSS]
box-shadow:0px 0px 10px 4px color;[/CSSS]
 
آخرین ویرایش:

+Mohammad+

Well-Known Member
البته سایت هایی هم در این زمینه هست که شما می تونید بهشون مراجعه کنید .. کافیه توی گوگل کلمه ی CSS3 Maker و یا CSS3 Generator رو جستجو کنید...
یکی از اون سایت ها http://CSS3Maker.com هستش...

موفق باشید.
 

جدیدترین ارسال ها

بالا