نمایش نمونه کارها در طرح های مختلف

این تاپیک 2 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  Mr. MiM ،‏ 3 ماه و 1 هفته پیش .

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

نویسنده پست
یکشنبه ، 21 آگوست 2016     12:53 ب.ظ #


Reza Naderi

Subscriber
1 پست1 تاپیک

سلام و عرض ادب
ی طرح جالب دیدم برای نمایش نمونه کارها ولی خودم نتونستم درستش کنم.ممکنه راهنمایی کنید یا کدش را در اختیار بنده قرار بدید

نمونه این طرح در این وب سایته

اگه توجه کنید وقتی موس روی نمونه کار میره صفحه به سمت پایین حرکت میکنه که این را تونستم حل کنم ولی مشکل اصلیم قالب مانیتور موبایل و تبلته که نمیدونم چجوری بنویسمشون.
من از کد زیر برای هاورش استفاده کردم
* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;

margin: 0; padding: 0;
}
/*PIC*/
.pic {
 height: 300px;
 width: 300px;
 overflow: hidden;
 margin: 60px;
 float: right;
}
.pic:hover {
 cursor: pointer;

/*VERTPAN*/
.vertpan img {
 margin-top: 0px;
 -webkit-transition: margin 1s ease;
 -moz-transition: margin 1s ease;
 -o-transition: margin 1s ease;
 -ms-transition: margin 1s ease;
 transition: margin 1s ease;
}

.vertpan img:hover {
 margin-top: -200px;
}

 

1  تشکر
دوشنبه ، 22 آگوست 2016     4:00 ب.ظ #


Reza Naderi

Subscriber
1 پست1 تاپیک

دوستانن من از کد زیر برای حرکت رو به پایین تصویر استفاده کردم.روشی هست که بتونم مانند سایت بالا نمونه کارها را نمایش بدم

 

0  تشکر
شنبه ، 27 آگوست 2016     5:27 ب.ظ #


Mr. MiM

Subscriber
157 پست10 تاپیک

هیچ وب سایت نمونه ای مشاهده نشد

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

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