افکت در صورت هاورشدن عکس

این تاپیک 3 پاسخ و 4 مشارکت کننده دارد . آخرین آپدیت توسط :  Sajjad Sohrabi ،‏ 11 ماه و 2 هفته پیش .

این تاپیک تاکنون 289 بازدید داشته است .

نویسنده پست
سه شنبه ، 22 دسامبر 2015     10:30 ق.ظ #


mohammad karimi

Subscriber
144 پست100 تاپیک

دوستان سلام من میخوام همچین افکتی را اعمال کنم بر روی عکس هام کسی میتونه کمکم کنه پیاده سازیش کنم.ادرس این سایت را میذارم http://hamyarwp.com/ببینید پست هایی که این سایت دارد در صورتی که عکس ها ی پست هاور میشن یک افکت بسیار جالبی رخ میدهد میخوام همچین افکتی را بر روی عکس هام اعمال بشه.ممنون.

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
سه شنبه ، 22 دسامبر 2015     10:52 ق.ظ #


اوسیوند

Subscriber
14 پست30 تاپیک

با سلام
شما در طراحی سایت خودتون میتونید از استایل زیر برای افکت دادن به عکس هاتون استفاده کنید :

.blur img {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.blur img:hover {
-webkit-filter: blur(5px);
}

2  تشکر
سه شنبه ، 22 دسامبر 2015     11:06 ق.ظ # پاسخ تائید شده توسط سوال کننده


Hooman Lemon

Subscriber
11 پست0 تاپیک

سلام

دوست من اگر از تصاویر یک inspect element بگیرید میتونید استایل استفاده شده رو مشاهده کنید.

بنده فکر میکنم که در هاور از transition و icon خاصی استفاده شده باشه

0  تشکر
سه شنبه ، 22 دسامبر 2015     4:23 ب.ظ #


Sajjad Sohrabi

Subscriber
118 پست8 تاپیک

سلام

دوسته من شما یه سرچ به زبان انگلیسی بزنید کلی پلاگین براتون میاره یا اگه میخواید اینو خودتون بنویسید باید به css3 و مبحث انیمیشن ها مسلط باشید یا این چیزی که میگمو سرچ کنید  همه نوع پلاگین آماده براتون میاره و ازشون استفاده کنید

image hover

یا تو همین سایت 7لرن اینی که گفتمو سرچ کنید

http://www.7learn.com/code/beauty-and-attractive-caption-hover-effects-part3

http://www.7learn.com/code/beautiful-hover-effect-part4

این دوتا لینکی که دادم رو نگاه کنید

0  تشکر
پست 1 تا 4 (از مجموع 4 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .