花飞飞 发表于 2025-8-12 08:19
那就可随便谢,任意谢了
嗯嗯
偶然~ 发表于 2025-8-11 23:33
大气唯美,下次偷去做个翻唱哈~!
{:4_199:}
马黑黑 发表于 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
对
有老师真好,老师您辛苦了{:4_190:}
杨帆 发表于 2025-9-24 19:57
有老师真好,老师您辛苦了
{:4_180:}