可互动的3D房间商品展示幻灯片特效

当前位置:主页 > CSS3库 > UI界面设计 > 可互动的3D房间商品展示幻灯片特效
可互动的3D房间商品展示幻灯片特效
分享:

    插件介绍

    这是一款效果非常炫酷的可互动的3D房间商品展示幻灯片特效。该特效中将一些商品放在房间的3D空间中,可用鼠标左右移动来进行互动。当点击某个商品时,会显示它的详细信息,还可以通过导航按钮来切换不同的房间。

    浏览器兼容性

    浏览器兼容性
    时间:2015-11-12
    阅读:
简要教程

这是一款效果非常炫酷的可互动的3D房间商品展示幻灯片特效。该特效中将一些商品放在房间的3D空间中,可用鼠标左右移动来进行互动。当点击某个商品时,会显示它的详细信息,还可以通过导航按钮来切换不同的房间。

该特效中使用了一些CSS3的3D属性,需要最新版本的现代浏览器才支持这些属性。由于IE浏览器不支持transform-style: preserve-3d属性,所以该特效在IE浏览器中是没有效果的。

在移动手机上,该商品展示幻灯片特效将仅仅会以列表的形式显示每一个房间中的商品。

下面是该3D房间特效的一些截图效果。

3D房间商品展示幻灯片特效-1

3D房间商品展示幻灯片特效-2

3D房间商品展示幻灯片特效-3

3D房间商品展示幻灯片特效-4