如何用css写出这种动态效果？我的代码如下，效果图如下，我是自定义动画直接设置的宽高，因为我发现写tranform:scale()会放大圆的同时也会放大边框，直接设置宽高则可以使得边框半径保持不变，但是设置宽高怎么设置放大的中心点呢？
CSS样式问题：如何做出类似定位图效果
如何用css写出这种动态效果？我的代码如下，效果图如下，我是自定义动画直接设置的宽高，因为我发现写tranform:scale()会放大圆的同时也会放大边框，直接设置宽高则可以使得边框半径保持不变，但是设置宽高怎么设置放大的中心点呢？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
- 2024-08-18 23:12杨哥带你写代码的博客 伪类选择器是CSS中用来选择元素的特定状态或属性的关键字。例如，:hover伪类用于选择鼠标悬停时的元素。:target伪类则用于选择当前URL中指向的元素。
- 2025-08-19 14:02emojiwoo的博客 不需要特殊定位？用默认的static想微调元素位置，又不想影响其他元素？用relative想让元素 "浮" 在某个容器内（比如弹窗在对话框内）？用absolute（记得给父容器加relative想让元素始终显示在屏幕上（比如顶部导航）...
- 2022-03-21 13:57曹莓奶昔的博客 浮动元素、绝对定位（固定定位）元素都不会触发外边距合并问题 6.3 绝对定位（固定定位）会完全压住盒子 浮动元素不同，只会压住它下面标准流的盒子，但是不会压住标准流盒子里面的文字（图片） 绝对定位（固定定位...
- 2025-05-24 22:54じ☆ve 清风°的博客 本文全面解析CSS中的五种定位方式：静态定位(static)是默认方式，元素遵循文档流；相对定位(relative)保持原始空间，可微调位置；绝对定位(absolute)脱离文档流，相对于最近定位祖先元素定位；固定定位(fixed)相对于...
- 2022-07-22 10:57对应的CSS样式： ```css .gantt-chart { position: relative; height: 200px; /* 根据需要调整高度 */ } .task { position: absolute; bottom: 0; height: 20px; /* 条形图的高度 */ border-radius: 5px; ...
- 2025-01-10 14:26彡(￣_￣)彡风中凌乱的博客 粘性定位（sticky）是一种根据用户的滚动位置来决定元素定位方式的CSS属性值。它结合了相对定位和固定定位的特点。
- 2023-06-28 16:48这个项目着重于实现HTML结构、CSS样式以及JavaScript交互功能，从而为用户提供一个直观且易用的购物体验。下面我们将详细讲解这些技术在实现这一目标时所扮演的角色。 首先，HTML（超文本标记语言）是网页内容的...
- 2025-09-05 14:58IT技术分享社区的博客 由于项目使用的ElementUI 2.10.1版本不支持官方抽屉组件，作者通过自定义CSS定位和动画效果（使用transform和transition实现从右向左滑动），结合JS逻辑控制展示状态，成功模拟了抽屉功能。文章提供了完整的代码示例...
- 2025-07-01 03:51AI实战架构笔记的博客 本文旨在全面讲解CSS...表格布局(Table Layout)：HTML中用于展示行列数据的结构化方式表头固定(Sticky Header)：当表格内容滚动时，表头保持可见的效果：CSS定位属性，元素在视口中达到特定位置时会"粘住"表格结构。
- 2025-04-09 15:22调试大师（八岁习武）的博客 通过使用浏览器的控制台源代码面板、网络面板等工具，你可以有效地调试 JavaScript 代码，定位常见的逻辑错误网络请求问题JavaScript 异常等。你可以通过输出日志、设置断点、查看网络请求等多种方法帮助你快速定位...
- 没有解决我的问题, 去提问
问题事件
系统已结题
8月8日
已采纳回答
7月31日-
创建了问题
7月31日