当前位置: 首页 > 面试题库 >

使用css3做一个魔方旋转的效果

佴保臣
2023-03-14
本文向大家介绍使用css3做一个魔方旋转的效果相关面试题,主要包含被问及使用css3做一个魔方旋转的效果时的应答技巧和注意事项,需要的朋友参考一下

看到这个问题,想到了我三年前兴起写的一个魔方: https://shfshanyue.github.io/react-rubic/

css 的代码在 这里

总的来说,用了一些 3D 效果的样式,如 translate3drotate3dperspectivetransform-style: preserve-3d; 等,感兴趣的可以去看看它的样式文件

 类似资料:
  • 本文向大家介绍手写一个使用css3旋转硬币的效果相关面试题,主要包含被问及手写一个使用css3旋转硬币的效果时的应答技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍用css3画出一个立体魔方相关面试题,主要包含被问及用css3画出一个立体魔方时的应答技巧和注意事项,需要的朋友参考一下 http://www.dadaqianduan.cn/#/%E5%89%8D%E7%AB%AF%E4%BA%A4%E6%B5%81/2-html5+css3/5-%E7%AB%8B%E6%96%B9%E4%BD%93 代码:

  • 问题内容: 无法使此动画图像正常工作,它应该进行360度旋转。 我猜下面的CSS有点问题,因为它保持静止。 问题答案: 这是 正确的动画CSS: 有关代码的一些注意事项: 您已将关键帧嵌套在规则中,这是不正确的 不适用于绝对定位的元素 看看caniuse:IE10不需要前缀

  • 本文向大家介绍用css实现一个硬币旋转的效果?相关面试题,主要包含被问及用css实现一个硬币旋转的效果?时的应答技巧和注意事项,需要的朋友参考一下 参考回答:  

  • 本文向大家介绍使用css3实现一个斑马线的效果相关面试题,主要包含被问及使用css3实现一个斑马线的效果时的应答技巧和注意事项,需要的朋友参考一下

  • 问题内容: 在我完成的设计中,我有一个需要垂直的元素。我已经获得了CSS才能在除IE9之外的所有浏览器中工作。我将过滤器用于IE7和IE8: 但是,这似乎使我的元素在IE9中变得透明,而CSS3的“变形”功能似乎无能为力! 有人知道IE9中旋转元素吗? 非常感谢您的帮助! W. 问题答案: 标准CSS3旋转应在IE9中工作,但我相信您需要为其指定供应商前缀,如下所示: 它可能无法在Beta版本中工