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

手写一个使用css3旋转硬币的效果

郤飞英
2023-03-14
本文向大家介绍手写一个使用css3旋转硬币的效果相关面试题,主要包含被问及手写一个使用css3旋转硬币的效果时的应答技巧和注意事项,需要的朋友参考一下
 .coin {
    width: 100px;
    height: 100px;
    margin: 100px;
    animation: rotate 5s linear;
    background-color: goldenrod;
    border-radius: 50%;
  }

  .coin:hover {
    animation-play-state: paused;
  }

  @keyframes rotate {
    0% {
      transform: rotateY(0deg);
    }

    100% {
      transform: rotateY(360deg);
    }
  }
 <div class="coin"></div>
 类似资料:
  • 本文向大家介绍用css实现一个硬币旋转的效果?相关面试题,主要包含被问及用css实现一个硬币旋转的效果?时的应答技巧和注意事项,需要的朋友参考一下 参考回答:  

  • 本文向大家介绍使用css3做一个魔方旋转的效果相关面试题,主要包含被问及使用css3做一个魔方旋转的效果时的应答技巧和注意事项,需要的朋友参考一下 看到这个问题,想到了我三年前兴起写的一个魔方: https://shfshanyue.github.io/react-rubic/ css 的代码在 这里 总的来说,用了一些 3D 效果的样式,如 ,,, 等,感兴趣的可以去看看它的样式文件

  • 我正试图解决一个经典的动态规划硬币兑换问题。这是一个家庭作业问题,我不是在寻找完整的解决方案,只是想找几个指针看看我做错了什么。 输入: 金额我们想用硬币支付一些价值 集合表示面值(1c、5c、10c、25c、100c、200c)的可用硬币数量 输出: 需要换手支付的最低硬币数。 假设: 收银机操作员有无限的硬币供应,知道如何给最佳的变化。 到目前为止,我试图做的是: 我试图建立一个数组C,使得每

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

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

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