نمایش آیتم ها بصورت 3D

نمایش آیتم ها بصورت 3D HTM5
  • 15 اسفند 1397
  • بدون دیدگاه
  • وحید دانافرد

نمایش آیتم ها بصورت 3D HTM5

اسکریپت ها

دانلود کد های html برای نمایش محصولات بصورت سه بعدی

انیمیشن 3D برای سایت یا فروشگاه که بتوانند عکس های بیشتری به کاربر نشان دهند بدون ترک صفحه با افکت زیبا . شاید محصول شما شامل چند تصویر است که با این استایل به راحتی تمام تصویر بصورت اسلاید قابل تغییر هستند

کد ها و آموزش استفاده

browser support

line

3D Items Quick View

A simple 3D animation for your gallery items, to make it easy for users to discover more about your products without having to leave the page

The idea behind this resource is: if I have a gallery of products, I’m gonna pick the best image for each one of them. But what if one image is not enough? The client clicks on the product, he/she goes to the single product page, and, in most cases, they’ll find a slideshow there. However, if they could see more images of the same product before moving to the product page, there’d be more probabilities to drive them to what they really wanna buy. So we created a CSS3 and jQuery powered slider for each item of the gallery, hidden by default and triggered by the :hover selector on no-touch devices and a tap on touch devices

About IE9: even though the 3D effect and the slider won’t be visible, the gallery will work just fine

Of course there can be other uses for this code snippet. Feel free to experiment!

دیدگاه شما عزیزان
  • هنوز دیدگاهی ارسال نشده است.

کادر ارسال دیدگاه شما کاربر عزیز

iwmf