ورود

View Full Version : عمق دار کردن عکس با css


mahdivita
جمعه 23 فروردین 1392, 13:14 عصر
سلام دوستان خسته نباشید
من یک عکس دارم که به عنوان باتن میخوام استفاده کنم ازش و میخوام با Css کاری کنم که وقتی ماوس رفت روش عکس عمق دار بشه
لطفا راهنمایی کنید
mahdivita
جمعه 23 فروردین 1392, 14:25 عصر
کسی نیست راهنمایی کنه
باید باستفاده از
:hover
انجام بدم ولی عمق دادن رو نمیدونم
aspismylove
جمعه 23 فروردین 1392, 14:37 عصر
سلام دوستان خسته نباشید
من یک عکس دارم که به عنوان باتن میخوام استفاده کنم ازش و میخوام با Css کاری کنم که وقتی ماوس رفت روش عکس عمق دار بشه
لطفا راهنمایی کنید

دوست عزیز باید از CSS 3 استفاده کنی ...

به سایت زیر ی سر بزن اون دکمه ای رو که میخای انتخاب کن و بعدش کد سی اس اس ِش رو ببین و کدهاش و کپی کن و اونی رو که میخای بسازش

http://hellohappy.org/css3-buttons/
2undercover
جمعه 23 فروردین 1392, 16:03 عصر
معمولا عمق دادن و یا برجسته کردن رو بوسیله ی box-shadow انجام میدن!

بدین صورت که برای عمق دادن از box-shadow به صورت inset و برای برجسته کردن از حالت معمولی استفاده می کنند!
omidparkour
جمعه 23 فروردین 1392, 17:48 عصر
سلام
میشه یه کم واضح تر بگین
mehbod.rayaneh
جمعه 23 فروردین 1392, 17:57 عصر
سلام
همونطور ک دوستمون 2undercover (http://barnamenevis.org/member.php?261565-2undercover) گفتن میتونید از css3 و box-shadow: inset استفاده کنید.
به این صورت :

-moz-box-shadow: inset 0px 0px 20px #000000;
-webkit-box-shadow: inset 0px 0px 20px #000000;
box-shadow: inset 0px 0px 20px #000000;

inset سایه ای که خارج از باکس ایجاد میشه را میاره داخل باکس!
omidparkour
جمعه 23 فروردین 1392, 18:16 عصر
سلام
من همین کد رو نوشتم اما هیچ فرقی نمیکنه وقتی ماوس رو میبرم روش
omidparkour
جمعه 23 فروردین 1392, 18:18 عصر
درست شد اما زیاد جالب نیست باید روش کار کنم
omidparkour
جمعه 23 فروردین 1392, 18:25 عصر
میشه مثل باتن این درست کرد :کلیک کنید (http://miladde.com/)
اگه میشه لطفا کدش رو راهنمایی کنید

یه سئوال دیگه اون هم اینکه اون نوشته ی بالای عکسش توش خالی بود رو چگونه باید ایجاد کنیم؟؟؟؟؟؟
mehbod.rayaneh
جمعه 23 فروردین 1392, 18:36 عصر
تو این سایتی ک دادین من ندیدم چیزی عمق دار شده باشه!!! همش سایه داشت و برجسته بود!!!
کلا تو این سایت هر کاری بکنید اعمال میشه
ازش کمک بگیرید :
http://www.css3.me
omidparkour
جمعه 23 فروردین 1392, 18:41 عصر
منظورم اون باتن پایین صفحه اش بود که نوشته بود وبلاگ



درباره‌ی من رو چطوری نوشته بود؟؟؟؟؟؟
omidparkour
جمعه 23 فروردین 1392, 18:44 عصر
تو این سایتی ک دادین من ندیدم چیزی عمق دار شده باشه!!! همش سایه داشت و برجسته بود!!!
کلا تو این سایت هر کاری بکنید اعمال میشه
ازش کمک بگیرید :
http://www.css3.me

این که خیلی محدودیت داره
mehbod.rayaneh
جمعه 23 فروردین 1392, 18:54 عصر
بعله!!!
شما برای برداشتن تمامی محدودیتها میتونید کتاب html5 و css3 الکسیس گلدستین ، لوییس لازاریس ، استلاویل ترجمه آقای امیر عباس عبدالعلی (http://books.wedesign.ir/html5-css3.html) را بخونید!!!
در مورد این چیزا عالی توضیح دادن!!!
omidparkour
جمعه 23 فروردین 1392, 19:13 عصر
خب کدش رو نمیدونید چه جوری هست؟؟؟؟؟
mehbod.rayaneh
شنبه 24 فروردین 1392, 00:23 صبح
برای اون از این استفاده کنید :

text-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.4)
mahdivita
شنبه 24 فروردین 1392, 20:28 عصر
من از این کد استفاده کردم نشد
black_binary
شنبه 24 فروردین 1392, 20:44 عصر
.fb6
{
background-color: #0066CC;
color: #ffffff;
border: 2px outset #0066CC; /*background-image: url(images/button_bg.jpg);*/
}
.fb6:hover
{
background-color: #CCFFFF;
border: 2px inset #CCFFFF; /*background-image: url(images/button_bg_over.jpg);*/
color: #000000;
}