C 知道

消息
创作中心
qq_42669510 2023-07-31 00:25 采纳率: 73.3%
浏览 7
已结题

CSS样式问题：如何做出类似定位图效果

img


如何用css写出这种动态效果？我的代码如下，效果图如下，我是自定义动画直接设置的宽高，因为我发现写tranform:scale()会放大圆的同时也会放大边框，直接设置宽高则可以使得边框半径保持不变，但是设置宽高怎么设置放大的中心点呢？

img

img

  • 写回答

4条回答 默认 最新

  • ZionHH 2023-07-31 01:37
    关注

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    qq_42669510 2023-07-31 02:26

    我试过了确实可以，但是为什么分开写和一起写效果不一样？

    赞
    回复
    ZionHH 回复 qq_42669510 2023-07-31 03:10

    因为transform是一个属性，后面会覆盖之前的

    赞
    回复
    qq_42669510 回复 ZionHH 2023-07-31 04:27

    懂了，由于第二个没写translateX,所以默认给到0了吗？，然后覆盖之前的样式？

    赞
    回复
查看更多回答(3条)
编辑
预览

报告相同问题？

问题事件

  • 系统已结题 8月7日
  • 已采纳回答 7月31日
  • 创建了问题 7月31日
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区，与千万技术人共成长

专业的中文 IT 技术社区，与千万技术人共成长

关注【CSDN】视频号，行业资讯、技术分享精彩不断，直播好礼送不停！

关注【CSDN】视频号，行业资讯、技术分享精彩不断，直播好礼送不停！

 客服 返回
顶部