小辣椒 发表于 2022-2-27 21:40

马黑黑 发表于 2022-2-27 21:34
最好知道概念、原理以及算法

这个我是会看几遍代码的,我基本都是现看看然后自己改改,百度问问,现在就感觉时间不够用,我还要抽时间捣鼓岁月的粒子效果,频谱啥的{:4_173:}

马黑黑 发表于 2022-2-27 22:34

小辣椒 发表于 2022-2-27 21:40
这个我是会看几遍代码的,我基本都是现看看然后自己改改,百度问问,现在就感觉时间不够用,我还要抽时间 ...

Flash还是很酷的

红影 发表于 2022-2-27 22:44

马黑黑 发表于 2022-2-27 21:25
犯迷糊的主要原因是圆点问题。圆点的xy坐标值通过半径值体现不直观,但在此它只能如此。

rotate是旋转 ...

嗯嗯,这个方法应该更直观地看到其中的规律了,谢谢黑黑{:4_187:}

红影 发表于 2022-2-27 22:44

马黑黑 发表于 2022-2-27 21:27
这样也挺别开生面的

我自己看到也想了半天,才知道我说的是什么{:4_189:}

红影 发表于 2022-2-27 22:47

马黑黑 发表于 2022-2-27 21:29
牛顿摆玩法很多,我这个是最基础的也是最经典的

通过这个例子,能学到看到动画语句的一些特点,很不错{:4_187:}

马黑黑 发表于 2022-2-28 11:11

红影 发表于 2022-2-27 22:47
通过这个例子,能学到看到动画语句的一些特点,很不错

最主要的是延时的合并用法,之前我没有专门介绍过

马黑黑 发表于 2022-2-28 11:12

红影 发表于 2022-2-27 22:44
嗯嗯,这个方法应该更直观地看到其中的规律了,谢谢黑黑

理解这些东东需要一些讨论

马黑黑 发表于 2022-2-28 11:13

红影 发表于 2022-2-27 22:44
我自己看到也想了半天,才知道我说的是什么

这样显得很高大上的

红影 发表于 2022-2-28 18:42

马黑黑 发表于 2022-2-28 11:11
最主要的是延时的合并用法,之前我没有专门介绍过

是啊,看到后觉得挺神奇的。

红影 发表于 2022-2-28 18:43

马黑黑 发表于 2022-2-28 11:12
理解这些东东需要一些讨论

更多的事需要教学,谢谢黑黑{:4_187:}

红影 发表于 2022-2-28 18:44

马黑黑 发表于 2022-2-28 11:13
这样显得很高大上的

哈哈,错字了而已,咋还高大上了{:4_189:}

马黑黑 发表于 2022-2-28 19:07

红影 发表于 2022-2-28 18:44
哈哈,错字了而已,咋还高大上了

这是哲学问题

马黑黑 发表于 2022-2-28 19:07

红影 发表于 2022-2-28 18:43
更多的事需要教学,谢谢黑黑

客气了,举手之劳,也是习惯

马黑黑 发表于 2022-2-28 19:08

红影 发表于 2022-2-28 18:42
是啊,看到后觉得挺神奇的。

但原理是好理解的

小辣椒 发表于 2022-2-28 20:20

马黑黑 发表于 2022-2-27 22:34
Flash还是很酷的
黑黑,这个我昨天修改小了尺寸,但我加不进帖子里面



<style>

#faDiv {
      margin: 10px auto;
      width: 150px;
      height: 120px;
      padding: 0;
      border-top: 2px solid #000;
      position: relative;
}

#faDiv div {
      width: 1px;
      height: 120px;
      position: absolute;
      top: 0;
      background: #000;
      transform-origin: 0 0;
}

#faDiv div::before {
      content: "";
      width: 20px;
      height: 20px;
      border-radius: 10px;
      position: absolute;
      left: -10px;
      top: 110px;
      background: #000;
}

#faDiv div:nth-child(1){
      left: 35px;
      animation: zuobai 2s 0s ease-in infinite;
}

#faDiv div:nth-child(2){
      left: 55px;
}

#faDiv div:nth-child(3){
      left: 75px;
}

#faDiv div:nth-child(4){
      left: 95px;
}

#faDiv div:nth-child(5){
      left: 115px;
      animation: youbai 2s 1s ease-in infinite;
}

@keyframes zuobai {
      0% { transform: rotate(0deg); }
      25% { transform: rotate(20deg); }
      50% { transform: rotate(0deg); }
      100% {}
}

@keyframes youbai {
      0% { transform: rotate(0deg); }
      25% { transform: rotate(-20deg); }
      50% { transform: rotate(0deg); }
      100% {}
}

</style>

<div id="faDiv">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
</div>   

红影 发表于 2022-2-28 20:38

马黑黑 发表于 2022-2-28 19:07
这是哲学问题

还是别上升到这个高度,不好理解呢{:4_173:}

红影 发表于 2022-2-28 20:39

马黑黑 发表于 2022-2-28 19:07
客气了,举手之劳,也是习惯

你的举手之劳,让我们受益多多{:4_187:}

红影 发表于 2022-2-28 20:39

马黑黑 发表于 2022-2-28 19:08
但原理是好理解的

这个对时间的区里很有趣。

马黑黑 发表于 2022-2-28 21:23

红影 发表于 2022-2-28 20:39
这个对时间的区里很有趣。

{:4_181:}

马黑黑 发表于 2022-2-28 21:26

红影 发表于 2022-2-28 20:39
你的举手之劳,让我们受益多多

彼此收益
页: 1 2 [3] 4 5
查看完整版本: 纯CSS简单实现牛顿摆