妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 23710|回复: 34

妙味课堂-特效-3D变换改变家居生活方式-CSS3+JS实现

  [复制链接]
leo 发表于 2012-11-2 11:13:02 | 显示全部楼层 |阅读模式
做了一个用鼠标拖拽配合 CSS3 的小尝试,截图如下:

效果图.jpg

熟悉拖拽效果的朋友应该不会陌生鼠标按住以后,左右拖动的实现方式。
这个小demo里尝试的是把CSS3中的相关知识点运用到图片展示中,
当拖动图片时,显示出立体的感觉~~

效果展示做了两个版本,只做了兼容谷歌浏览器,

请用“谷歌浏览器”预览~

缓冲运动版本:
http://2013.miaov.com/miaov_demo/3D-image/index_3D_1.html

弹性运动版本:
http://2013.miaov.com/miaov_demo/3D-image/index_3D_2.html

这两个效果只是一个尝试,如有需要的朋友,可直接在下面留言,发送源码。

源码下载:
2013.miaov.com/miaov_demo/3D-image/3D.rar
下载后请用“谷歌浏览器”预览~


回复

使用道具 举报

yun4071 发表于 2012-11-2 11:24:07 | 显示全部楼层
本帖最后由 yun4071 于 2016-9-7 13:58 编辑

非常酷,求原理

源码稍后打包发送~~

回复 支持 反对

使用道具 举报

凡凡 发表于 2012-11-2 11:26:20 | 显示全部楼层
同上,求讲解。。2238992129@qq.com

源码稍后打包发送~~
回复 支持 反对

使用道具 举报

flyhj 发表于 2012-11-2 11:29:13 | 显示全部楼层
很强大,求源码,求真相,898738695@qq.com

源码稍后打包发送~~
回复 支持 反对

使用道具 举报

νǐνΙ^^ 发表于 2012-11-2 11:39:25 | 显示全部楼层
求源码~
回复 支持 反对

使用道具 举报

taoer 发表于 2012-11-2 11:43:09 | 显示全部楼层
求视频~
回复 支持 反对

使用道具 举报

低丅头、吻你 发表于 2012-11-2 12:20:49 | 显示全部楼层
求真相
回复 支持 反对

使用道具 举报

这么简单 发表于 2012-11-2 12:32:11 | 显示全部楼层
很强大,求源码,求真相,1746187306@qq.com 最好做成兼容各个版本浏览器的就好了!!!=^=
回复 支持 反对

使用道具 举报

晨星 发表于 2012-11-2 12:35:39 | 显示全部楼层
求源码、求学习、1029361533@qq.com
回复 支持 反对

使用道具 举报

迷途小羊520 发表于 2012-11-2 12:50:27 | 显示全部楼层
非常酷求原理,求思路……xinlang_hack@sina.cn
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2019-3-22 06:24 , Processed in 0.169107 second(s), 25 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表