CSS Transition不适用于top,bottom,left,right

 MISSLOVE0710 发布于 2023-02-12 19:30

我有一个风格元素

position: relative;
transition: all 2s ease 0s;

然后我想在点击它之后平滑地改变它的位置,但是当我添加样式改变时,转换不会发生,而是元素立即移动.

$$('.omre')[0].on('click',function(){
    $$(this).style({top:'200px'});
});

但是,如果我更改color属性,它会顺利更改.

$$('.omre')[0].on('click',function(){
    $$(this).style({color:'red'});
});

可能是什么原因造成的?是否存在不属于"过渡性"的属性?

编辑:我想我应该提到这不是jQuery,它是另一个库.代码似乎按预期工作,样式正在添加,但转换仅适用于第二种情况?

2 个回答
  • 也许你需要在你的CSS规则集来指定一个顶值,所以它会知道什么样的动画值.

    2023-02-12 19:33 回答
  • 尝试在css中设置默认值(让它知道你想要从哪里开始)

    CSS

    position: relative;
    transition: all 2s ease 0s;
    top: 0; /* start out at position 0 */
    

    2023-02-12 19:33 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有