海神玟

马黑黑

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

嗯嗯

马黑黑

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

花飞飞

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

这回多复制了一个嗯。

杨帆

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

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

“ transition: 0.45s;

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

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

马黑黑

杨帆 发表于 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:44
transition 属性指定的时间，影响的是 transition 动画（非animation动画）的总时长。比如，你给 id="myd ...

谢谢老师~明白了：“transition 属性指定的时间，影响的是 transition 动画（非animation动画）的总时长。”

马黑黑

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

对

杨帆

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

有老师真好，老师您辛苦了

马黑黑

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