欢迎投稿

菜鸟之家

当前位置:菜鸟之家 > css3库 > UI界面设计 > 可互动的3D房间商品展示幻灯片特效

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

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

关键词:3d,幻灯片,互动,商品展示,房间,css3,立体,javascript,css3库,uijiemian

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

简要教程

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

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

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

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

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

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

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

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

说明:菜鸟之家所有素材均是用户自行上传分享并拥有版权或使用权,仅供网友学习交流,未经上传用户书面授权,请勿作他用。若您的权利被侵害,请联系QQ:11809283或发送邮件至11809283@qq.com。

菜鸟之家承诺:本站所有资源,无需注册,免费下载,无病毒,无弹窗,无干扰链接!

转载请注明出处!本文地址:http://www.jeeok.com/css3_uijiemian/7910.html

 在线演示  免费下载
编号:201802080000007910
大小:0.75MB
上传时间:2018-02-12 12:02
素材由用户"mbwakao"上传分享。

标签

最新推荐素材

与可互动的3D房间商品展示幻灯片特效相关的素材

.