floorplan 对开门旋转问题

minions123 · 发表于 2020-5-11 13:27:48

画了个旋转的对开门floorplan,右边这个旋转原点选的右上角，可是转起来感觉怪怪的，有大佬知道为什么么

ghostist · 发表于 2020-5-11 13:55:51

你把它改成旋转动画就知道了原点不对
至于为什么....好像是不同浏览器对css的兼容不一样
属性里都写成-webkit-xxx那种就好了
我家路由崩了无法远程上去看配置....你搜搜

minions123 · 发表于 2020-5-11 15:09:51

ghostist 发表于 2020-5-11 13:55
你把它改成旋转动画就知道了原点不对
至于为什么....好像是不同浏览器对css的兼容不一样
属性里都写成-web ...

谢谢大佬，换成动画就好了

原点一样，直接在类选择器里面就会出现诡异的轨迹

ghostist · 发表于 2020-5-11 15:23:15

minions123 发表于 2020-5-11 15:09
谢谢大佬，换成动画就好了

原点一样，直接在类选择器里面就会出现诡异的轨迹 ...

哦？你之前不是用动画的方法？
类选择器是嘛？学习学习

minions123 · 发表于 2020-5-11 15:37:04

ghostist 发表于 2020-5-11 15:23
哦？你之前不是用动画的方法？
类选择器是嘛？学习学习

.wardrobe-right-door-open {
  fill: #e7376b;
  -webkit-transition: width 1s;
  -webkit-transform: rotate(90deg);
  transform-box: fill-box;
}

就是直接在那个类里面写动画，省去再额外定义这个动画了
效果差不多，就是旋转的轨迹会很诡异

ghostist · 发表于 2020-5-12 08:49:51

minions123 发表于 2020-5-11 15:37
就是直接在那个类里面写动画，省去再额外定义这个动画了
效果差不多，就是旋转的轨迹会很诡异 ...

这样写没有定义旋转原点？

minions123 · 发表于 2020-5-12 16:25:36

上面是个其他的例子

我定义了旋转原点，直接在类里面写轨迹就很奇怪，同样的代码放到动画里面就正常了

		自动登录	找回密码
密码			立即注册

[技术探讨] floorplan 对开门旋转问题