HexaFlip是一个JavaScript的UI插件,它可以让您使用3D立方体界面元素。创建插件的过程中,学习灵活的用户界面插件方面的一些最佳实践。
标记
1 | < div id = "hexaflip-demo1" class = "demo" > </ div > |
css
1 2 3 4 5 6 7 8 9 10 11 | .hexaflip-cube { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; text-rendering: optimizeLegibility; font-smoothing: antialiased; cursor: move; cursor: grab; display: inline-block; position: relative; transform-style: preserve-3d; transition: transform 0.4s; } |
演示
默认:尝试用鼠标拖动立方体。
时间选择:拖动立方体或使用选择菜单来设置时间。
图片周期:影像数超过四个立方体面的通知。
视觉密码实验:密码为“红,黄,蓝,绿。”看,如果你能得到它。
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com