切换到宽版
  • 625阅读
  • 70回复

html5+css 画面切割旋转魔方 [复制链接]

上一主题 下一主题
离线寒江雪润
 

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223













6条评分宜城币+170
心旷神怡 宜城币 +30 好有意境耶。 03-12
白菊 宜城币 +30 耶!这图美得不要不要滴! 03-10
心旷神怡 宜城币 +30 好有意境耶。 03-08
晴哲 宜城币 +30 欣赏老师带来的精彩 03-08
呼吸 宜城币 +30 好有意境耶。 03-08
巫荣云师 宜城币 +20 这图整的好巴适,没得说的,漂亮惨了! 03-08
↓↓↓如果你喜欢此帖,那就点赞和回复吧↓↓↓     

点赞
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 沙发  发表于: 03-08
极速模式下观看。
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 板凳  发表于: 03-08
操作说明:
点击图案不同地方,魔方切割图像旋转。

点击 “≡”有三个选择:
scramble  图像打乱
spin      自动旋转
solve     图像还原


点击“?”得到帮助:
tap or swipe with fingers  用手指点击键盘按钮
click or swipe with mouse  用鼠标点击图像按钮
keyboard keys              键盘可点击按钮:q、w、e、a、s、d、x、y、z、回车键、空格键、方向键。
1条评分宜城币+30
白菊 宜城币 +30 经典 绝美 03-10
在线巫荣云师

发帖
5610
宜城币
121195
威望
15155
贡献值
11
银元
235
只看该作者 地板  发表于: 03-08
回 寒江雪润 的帖子
寒江雪润:极速模式下观看。
 (2018-03-08 09:29) 

老师好,我看到了魔方,找不到 “≡”的三个选择,也没看到“?”帮助。
在线巫荣云师

发帖
5610
宜城币
121195
威望
15155
贡献值
11
银元
235
只看该作者 地下室1  发表于: 03-08
这图整的好巴适,没得说的,漂亮惨了!
欢迎来到枞阳乡情网,情系枞阳,网罗天下,共同打造最好的亲情-乡情-友情交流平台。联络同乡,互联互动,信息共享,互相帮忙,共同发展。乡情网有你更精彩![这是默认签名,更换签名点这里!]
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 地下室2  发表于: 03-08
回 巫荣云师 的帖子
巫荣云师:这图整的好巴适,没得说的,漂亮惨了! (2018-03-08 10:36) 

问好云师!谢谢点赞!
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 6楼 发表于: 03-08
回 巫荣云师 的帖子
巫荣云师:老师好,我看到了魔方,找不到 “≡”的三个选择,也没看到“?”帮助。 (2018-03-08 10:35) 

请截张图来看看,我能看到。
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 7楼 发表于: 03-08
魔方边上有各种按钮。
本主题包含附件,请 登录 后查看, 或者 注册 成为会员
在线呼吸

发帖
50156
宜城币
468295
威望
83280
贡献值
145
银元
922
只看该作者 8楼 发表于: 03-08
好有意境耶。
欢迎来到枞阳乡情网,情系枞阳,网罗天下,共同打造最好的亲情-乡情-友情交流平台。联络同乡,互联互动,信息共享,互相帮忙,共同发展。乡情网有你更精彩![这是默认签名,更换签名点这里!]
在线呼吸

发帖
50156
宜城币
468295
威望
83280
贡献值
145
银元
922
只看该作者 9楼 发表于: 03-08
非常漂亮的制作,为寒江老师点赞!
感谢馨兰姐制作的精美签名
在线呼吸

发帖
50156
宜城币
468295
威望
83280
贡献值
145
银元
922
只看该作者 10楼 发表于: 03-08
感谢寒江老师创意制作了这篇精美作品 真的是难得一见的精彩!
感谢馨兰姐制作的精美签名
在线呼吸

发帖
50156
宜城币
468295
威望
83280
贡献值
145
银元
922
只看该作者 11楼 发表于: 03-08
谢谢寒江老师给大家带来美的享受和美的陶冶,祝春日幸福安好!
感谢馨兰姐制作的精美签名
在线晴哲

发帖
16130
宜城币
95851
威望
24338
贡献值
49
银元
239
只看该作者 12楼 发表于: 03-08
欣赏老师带来的精彩
欢迎来到枞阳乡情网,情系枞阳,网罗天下,共同打造最好的亲情-乡情-友情交流平台。联络同乡,互联互动,信息共享,互相帮忙,共同发展。乡情网有你更精彩![这是默认签名,更换签名点这里!]
在线晴哲

发帖
16130
宜城币
95851
威望
24338
贡献值
49
银元
239
只看该作者 13楼 发表于: 03-08
老师这是什么软件做的
在线心旷神怡

发帖
18829
宜城币
235335
威望
34815
贡献值
22
银元
1020
只看该作者 14楼 发表于: 03-08
好有意境耶。
欢迎来到枞阳乡情网,情系枞阳,网罗天下,共同打造最好的亲情-乡情-友情交流平台。联络同乡,互联互动,信息共享,互相帮忙,共同发展。乡情网有你更精彩![这是默认签名,更换签名点这里!]
在线巫荣云师

发帖
5610
宜城币
121195
威望
15155
贡献值
11
银元
235
只看该作者 15楼 发表于: 03-08
回 寒江雪润 的帖子
寒江雪润: 请截张图来看看,我能看到。
老师好,我看到了魔方,找不到 “≡”的三个选择,也没看到“?”帮助。
本主题包含附件,请 登录 后查看, 或者 注册 成为会员
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 16楼 发表于: 03-08
回 呼吸 的帖子
呼吸:非常漂亮的制作,为寒江老师点赞![表情]  (2018-03-08 14:47) 

问好呼吸!谢谢点赞!
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 17楼 发表于: 03-08
回 呼吸 的帖子
呼吸:感谢寒江老师创意制作了这篇精美作品 真的是难得一见的精彩! (2018-03-08 14:48) 

发了一通魔方系列。
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 18楼 发表于: 03-08
回 呼吸 的帖子
呼吸:谢谢寒江老师给大家带来美的享受和美的陶冶,祝春日幸福安好!  (2018-03-08 14:48) 

祝38丽人节快乐!
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 19楼 发表于: 03-08
回 晴哲 的帖子
晴哲:欣赏老师带来的精彩 (2018-03-08 18:19) 

问好晴哲!谢谢点赞!
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 20楼 发表于: 03-08
回 晴哲 的帖子
晴哲:老师这是什么软件做的[表情]  (2018-03-08 18:21) 

这不用软件,是html代码写的。有源代码自己就能做,你若想尝试我可以给你源代码。
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 21楼 发表于: 03-08
回 心旷神怡 的帖子
心旷神怡:好有意境耶。 (2018-03-08 19:23) 

问好心旷神怡!谢谢赞赏!
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 22楼 发表于: 03-08
回 巫荣云师 的帖子
巫荣云师:老师好,我看到了魔方,找不到 “≡”的三个选择,也没看到“?”帮助。
[图片] (2018-03-08 19:27) 

这个代码可能有点复杂,不知道你为何看不到?

我在兼容模式下看不到,在极速模式下能完整地看到。
你问问其他人能否看到。进行比较一下。
我刚才用手机看了一下,也没看到 “?”。但能看到箭头。
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 23楼 发表于: 03-08
本主题包含附件,请 登录 后查看, 或者 注册 成为会员
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 24楼 发表于: 03-08
回 巫荣云师 的帖子
巫荣云师:老师好,我看到了魔方,找不到 “≡”的三个选择,也没看到“?”帮助。
[图片] (2018-03-08 19:27) 

楼上的图是我用极速模式看到的,非常完整。
离线寒江雪润

发帖
3382
宜城币
35320
威望
10195
贡献值
7261
银元
223
只看该作者 25楼 发表于: 03-08
html5目前尚不成熟,还没有建立统一的平台标准,所以各种浏览器不能统一支持它,flash就比较成熟,早已建立了统一标准,所以,flash as代码就没有这个问题。

但html在移动领域独占鳌头,手机上能看到,而且代码简洁,耗电小。
在线巫荣云师

发帖
5610
宜城币
121195
威望
15155
贡献值
11
银元
235
只看该作者 26楼 发表于: 03-09
回 寒江雪润 的帖子
寒江雪润:html5目前尚不成熟,还没有建立统一的平台标准,所以各种浏览器不能统一支持它,flash就比较成熟,早已建立了统一标准,所以,flash as代码就没有这个问题。
但html在移动领域独占鳌头,手机上能看到,而且代码简洁,耗电小。 (2018-03-08 22:01) 

html5是代码编辑动画,据说2020年后flash软件制作动画就会被html5代替,网络将不支持flash动画,现在就开始跟老师学点html5知识,辛苦您了寒江雪润老师。
在线巫荣云师

发帖
5610
宜城币
121195
威望
15155
贡献值
11
银元
235
只看该作者 27楼 发表于: 03-09
回 寒江雪润 的帖子
[quote]寒江雪润: 这个代码可能有点复杂,不知道你为何看不到? 我在兼容模式下看不到,在极速模式下能完整地看到。 你问问其他人能否看到。进行比较一下。 . 老师好,今天早上我能看到正常显示的动画和动画上的标记提示了,昨天看不到标记提示可能是我的网速慢。
本主题包含附件,请 登录 后查看, 或者 注册 成为会员
在线巫荣云师

发帖
5610
宜城币
121195
威望
15155
贡献值
11
银元
235
只看该作者 28楼 发表于: 03-09
老师好,今天早上我能看到正常显示的动画和动画上的标记提示了,昨天看不到标记提示可能是我的网速慢。
在线巫荣云师

发帖
5610
宜城币
121195
威望
15155
贡献值
11
银元
235
只看该作者 29楼 发表于: 03-09
html5代码编辑的动画,真是很神奇,互动性很强,很精彩。