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

  • ۷ آبان ۱۳۹۳
  • 837 نفر
  • بدون دیدگاه
  • آی وحید
 
1 Star2 Stars3 Stars4 Stars5 Stars

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

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

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

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

browser support

line

۳D 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!

 

تارنما سازان وب پارس درگاه پرداخت واسط پی پکس لول رنگ - پالت رنگ های مورد تایید آی وحید تاتسی | tutsi فروشگاه قالب اختصاصی تمی

FB google plus