如何用css写出这种动态效果？我的代码如下，效果图如下，我是自定义动画直接设置的宽高，因为我发现写tranform:scale()会放大圆的同时也会放大边框，直接设置宽高则可以使得边框半径保持不变，但是设置宽高怎么设置放大的中心点呢？
CSS样式问题：如何做出类似定位图效果
如何用css写出这种动态效果？我的代码如下，效果图如下，我是自定义动画直接设置的宽高，因为我发现写tranform:scale()会放大圆的同时也会放大边框，直接设置宽高则可以使得边框半径保持不变，但是设置宽高怎么设置放大的中心点呢？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
- 2022-01-19 16:59回答 2 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />
- 2017-06-05 15:52回答 6 已采纳  我试着可以的啊
- 2022-12-08 10:03回答 2 已采纳 背景图片是没有高度，只能设置高度，或者靠内容来撑。
- 2023-11-13 00:15还是大剑师兰特的博客 css实战中，怎么绘制3D文字呢？实际上理论很简单，使用text-shadow，根据需要调整阴影的颜色、大小、偏移量等参数，以达到你想要的立体效果。下面是一个简单的示例。关键点就是知道如何设置text-shadow。
- 2022-04-08 14:45回答 2 已采纳 很多办法，最简单是用footer的padding，设置上下一样的padding，他就居中了。行高也可以，但是要多包一层，外层设置为footer高度一样的行高，内存设置为每行固定的一个高度。还有flex
- 2020-12-03 14:02回答 2 已采纳 尽力了 <!DOCTYPE html> <html> <head> <style> div.wrap { margin-top:100px; ma
- 2023-03-01 16:48回答 4 已采纳 若有帮助，望给个采纳，谢谢！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-
- 2022-03-21 13:57曹莓奶昔的博客 浮动元素、绝对定位（固定定位）元素都不会触发外边距合并问题 6.3 绝对定位（固定定位）会完全压住盒子 浮动元素不同，只会压住它下面标准流的盒子，但是不会压住标准流盒子里面的文字（图片） 绝对定位（固定定位...
- 2021-12-07 22:13回答 2 已采纳 新建个xxx.css文件，里面正常写css就行，然后通过<link href="xxx.css" rel="stylesheet" type="text/css">标签引入到html中，
- 2022-04-03 17:20回答 2 已采纳 你代码运行就是这样子，并不是你上面贴图那样
- 2022-03-14 10:49回答 1 已采纳 padding 要么不设 要不左右两边都设 你现在是span属性 是行内标签 设置不了宽高 改成inline-block行内块，不需要设置padding 宽高都给个20px border-radi
- 2021-05-05 23:04一醉南柯的博客 使用css3定位实现图片放大效果。 实现过程 1.步骤 定位实现图片放大效果的步骤: 1、上中下三部分，上部分为标题，中间为相框，底部为版权文字 2、相框使用图片，鼠标悬停时放大该图片。放大的图片为另一个图片...
- 2022-04-08 14:21回答 4 已采纳 在span标签外添加center标签
- 2023-03-21 23:51哈哥撩编程的博客 页面布局时常用到定位，用来给元素安排它的位置。定位又分为相对定位、绝对定位和固定定位。
- 2023-11-11 11:41刘鑫磊up的博客 瞅瞅CSS代码样式什么样？代码运行效果展示二：编码规范1.声明2.注释3.选择器3.1 块元素选择器{}举例3.2 id选择器 " # "代码运行效果展示3.3 class选择器 " . "代码运行效果展示3.4 通用选择器 " * "所有设置3.5 属性...
- 没有解决我的问题, 去提问
问题事件
系统已结题
8月8日
已采纳回答
7月31日-
创建了问题
7月31日
悬赏问题
- ¥30 arduino vector defined in discarded section `.text' of wiring.c.o (symbol from plugin)
- ¥20 关于#c++#的问题：(2）运算二叉树·表达式一般由一个运算符和两个操作数组成：（相关搜索：二叉树遍历）
- ¥20 如何训练大模型在复杂因素组成的系统中求得最优解
- ¥15 关于#r语言#的问题：在进行倾向性评分匹配时，使用“match it"包提示”错误于eval(family$initialize): y值必需满足0 <= y <= 1“请问在进行PSM时
- ¥45 求17位带符号原码乘法器verilog代码
- ¥20 PySide6扩展QLable实现Word一样的图片裁剪框
- ¥15 matlab数据降噪处理，提高数据的可信度，确保峰值信号的不损失？
- ¥15 怎么看我在bios每次修改的日志
- ¥15 python+mysql图书管理系统
- ¥15 Questasim Error: (vcom-13)