ایجاد افکت روی عکس ها وقتی موس روی آن میرود

[mosisms]

سلام
خسته نباشین
ببخشین یه سوال داشتم
چجوری میتونم کاری کنم وقتی موس روی یک عکس میره دورش یه حاشیه درخشان ایجاد بشه و مثلا روی عکس نوشته بشه"تماس با ما"؟
مثل سایت آقای آرمان نیری برنامه نویس شید
http://www.armannayyeri.com
ممنون

[mehbod.rayaneh]

سلام
برای اون حاشیه شما میتونید از hover و box-shadow استفاده کنید!
برای اون نوشته هم میتونید کادر با متن دلخواهتونو بسازید و بهش استایل visibility:hidden; بدید و در :hover اون visibility:visible; قرار بدید!
موفق باشید

[mosisms]

ممنون
این کد هایی که فرمودین برای قسمت سی اس اسه.درسته؟
راستی الان موجه شدم ایشون دودکمه رو روی یک عکی طرحی کردن که وقتی موس میره روی دکمه،عکس پایینی نشون داده میشه
امیدوارم تونسته باشم منظورمو برسونم
راستی میشه یکم اینایی که بالا گفتین رو بیشتر توضیح بدین؟ممنون میشم

[صباح فتحی]

درود.راه سادش اینه که باسی اس اس3 خاصیت translationشفافیت عکس را کم کنیدجلوه خوبی میگیره

[titreaval]

.asas{ background:url(sss.jpg) top;



}
.asas:hover {
background:url(sss.jpg) bottom;

}

درباره ی بالا هم میشه از
transition
برای ایجاد افکتش استفاده کرد بین خودش و hover
یعنی
.asas{
box-shadow:0 0 0 0;


}
.asas:hover {
box-shadow:0 0 5px 5px #CC3300;

transition:all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;

}


چرا کروم فقط رو این سیستم کار میکنه
دیگه دارم از فایرفاکس دلزده میشم

[titreaval]

درود.راه سادش اینه که باسی اس اس3 خاصیت translationشفافیت عکس را کم کنیدجلوه خوبی میگیره


من نمی دونستم
transform
transition
و

translation
پس opacity چی هست :)

:))))))))))))))))))))))))))))))))))))))))))))))))

translation من تا الان نشنیدم و ندیدم

هست ؟!

[mosisms]

دوستان من الان کاملا گیج شدم...
بنده میخواستم یه دکمه بسازم که وقتی موس میره روش و وقتی روش کلیک میشه سه حالت متفاوت(یاحداقل دوتا)داشته باشه.چکارباید بکنم
مثلا دکمه ای که تو ضمیمه میزارمو چجوری قراربدم
ممنون میشم سی اس اس و اچ تی ام الشو قرار بدین.

[asghar2008]

سلام

کادر قرمز یا همون باتن که شما عکسشو ضمیمه کردین . من اسم کلاسشو btn. در نظر گرفتم :

در حالت نرمال (normal) :


.btn{

background:url(normal.jpg);
}


در حالتی که موس روش قرار میگیره (over) :

.btn:hover{
background: url(over.jpg);
}

در حالتی که موس رو کلیک کردی و روش نگه داشتی (pressed):

.btn:active{
background:pressed.jpg);
}

[mosisms]

سلام

کادر قرمز یا همون باتن که شما عکسشو ضمیمه کردین . من اسم کلاسشو btn. در نظر گرفتم :

در حالت نرمال :


.btn{

background:normal.jpg
}


در حالتی که موس روش قرار میگیره :

.btn:hover{
background:over.jpg
}

در حالتی که موس رو کلیک کردی و روش نگه داشتی :

.btn:active{
background:over.jpg
}

ممنون
ولی اینجوری باید عکس رو به سه قسمت تقسیم کنم.
راه حلی نیست که تو یک عکس این اتفاق بیفته؟
دو قسمت هم درست بشه مشکلی نیست
ممنون

[asghar2008]

خوب میتونی به متنش افکت بدی و بگراندش ثابت بمونه .

[mosisms]

خوب میتونی به متنش افکت بدی و بگراندش ثابت بمونه .
آخه قراره تو این باتن عکس هم باشه
از سی اس اس اسپزیت میشه استفاده کرد؟
من زیاد باهاش آشنا نیستم

[asghar2008]

بفرما :چشمک:

هر جای کدش سوال داشتی بپرس :