css3使用transform: scale 元素出现偏移

2018-03-10 17:42
7753
8
11
vue

今天居然发现一个很神奇的问题,用css3使用transform: scale作为放大效果时居然出现了里面的元素偏移。


看见了吗?li元素的宽高设置为123px的时候,鼠标移上去里面的图标偏右移动了,这样的效果是非常差的,经过一番研究说是元素的宽高不能是奇数,要改成偶数。

修改后的css:


把123px改成124px,会发现图标没用偏移了,卧槽,太坑爹了。

支付宝微信
11
关注公众号获取更多内容
vuex action 与mutations 的区别
结合lazyload实现文章页里面的图片预加载
共有 8 条评论
发表评论
  • 天津网站建设#10031
    2019-09-21 19:09
    未知
    Win10

    步骤很详细,代码逻辑很清晰,我这个小白都看得懂

    椰子皮2022-03-27 回复@天津网站建设
    厉害了
  • 天津网站建设#10032
    2019-09-21 19:09
    未知
    Win10

    期待ing~

  • VPS234#10033
    2019-09-21 19:09
    未知
    Win10

    Linux 下好部署吗这个?

    椰子皮2022-03-27 回复@VPS234
    这是app不是网站
  • 天津网站建设#10034
    2019-09-21 19:09
    未知
    Win10

    很棒哦,我们公司自己用的图片上传的方法比这个麻烦多了,还得调用一大堆东西,收藏了!感谢楼主。

  • 浮华#10035
    2019-09-21 19:09
    未知
    Win10

    厉害哟

    椰子皮2022-03-27 回复@浮华
    感谢支持
  • 浮华#10036
    2019-09-21 19:09
    未知
    Win10

    试试老哥你的请求

  • 随风#10037
    2019-09-21 19:09
    未知
    Android

    66666博主太牛逼了

    椰子皮2022-03-27 回复@随风
    感谢支持
  • 你的灵兽看起来很好吃#10038
    2019-09-21 19:09
    未知
    Win7

    虽然不知道说的是什么,但看起来好厉害的样子!

    椰子皮2022-03-27 回复@你的灵兽看起来很好吃
    感谢支持
总共 8
  • 1
不支持canvas
春季
夏季
秋季
冬季
暗黑
简约
小清新