马黑黑 发表于 2025-8-12 19:12

花飞飞 发表于 2025-8-12 08:19
那就可随便谢,任意谢了

嗯嗯

马黑黑 发表于 2025-8-12 19:16

偶然~ 发表于 2025-8-11 23:33
大气唯美,下次偷去做个翻唱哈~!

{:4_199:}

花飞飞 发表于 2025-8-12 20:25

马黑黑 发表于 2025-8-12 19:12
嗯嗯

这回多复制了一个嗯。

杨帆 发表于 2025-9-24 19:10

马黑黑 发表于 2025-8-4 18:25
#ma::after 伪元素中有一句:

      transform: scale(var(--scale));


“ transition: 0.45s;

这句代码规定,使用了该句代码的对象(元素或伪元素)的每一个动作在 0.45秒 内完成。设置不同的值,对象的运动形态会不一样。这个 transition 一般不会影响 animation 运行的 @keyframes 动画(但据说也不一定)。”

马老师您好,这里涉及到两个时间:动画完成时间、动作完成时间,如何理解呢?

马黑黑 发表于 2025-9-24 19:44

杨帆 发表于 2025-9-24 19:10
“ transition: 0.45s;

这句代码规定,使用了该句代码的对象(元素或伪元素)的每一个动作在 0.45秒...

transition 属性指定的时间,影响的是 transition 动画(非animation动画)的总时长。比如,你给 id="mydiv" 设置了:

#mydiv {
      width: 200px;
      height: 200px;
      background: olive;
       transition: 0.45s;
}

你希望鼠标移动到它上面是它变大:

#mydiv:hover {
      transform: scale(1.5);
}

那么,id="mydiv" 元素的放大(正向)或缩小(反向)都需要 0.45秒的时间。

杨帆 发表于 2025-9-24 19:49

马黑黑 发表于 2025-9-24 19:44
transition 属性指定的时间,影响的是 transition 动画(非animation动画)的总时长。比如,你给 id="myd ...

谢谢老师~明白了:“transition 属性指定的时间,影响的是 transition 动画(非animation动画)的总时长。”

马黑黑 发表于 2025-9-24 19:50

杨帆 发表于 2025-9-24 19:49
谢谢老师~明白了:“transition 属性指定的时间,影响的是 transition 动画(非animation动画)的总时长 ...

杨帆 发表于 2025-9-24 19:57

马黑黑 发表于 2025-9-24 19:50


有老师真好,老师您辛苦了{:4_190:}

马黑黑 发表于 2025-9-24 20:26

杨帆 发表于 2025-9-24 19:57
有老师真好,老师您辛苦了

{:4_180:}
页: 1 2 3 4 5 6 [7]
查看完整版本: 海神玟