在 Angular 中创建圆形 SVG 温度拖动器？

这是我尝试在Angular中创建的圆形拇指拖动器的静态演示。它使用rinkle-dashoffset="-260"设置将拇指/拖动器定位在靠近拇指后面的圆形路径的末端，可以看出-260负偏移按预期工作。<bodystyle="width:200px;height:200px;"><svg(mousedown)="onMouseDo

P粉135799949 2024-04-03 09:33:29 0  1  615

如何在 squarespace 上的 mp4 视频上添加圆形边框

我试图在方形空间视频中添加边框半径，但它不起作用。有谁知道怎么做吗？我试图在视频上放置圆形边框并尝试了下面的代码：#block-df45bbc957de1bd8c905.video-block.video-player{padding-bottom:120%;border-radius:10px;};

P粉781235689 2023-08-31 16:24:14 0  1  568

重新写的标题：在改变大小的情况下，水平和垂直居中一个固定的HTML方形或圆形元素

如何使尺寸变化的方形或圆形固定html元素水平和垂直居中？我认为宽度和高度必须保持相等这一事实带来了困难。

P粉455093123 2024-04-04 12:31:51 0  1  430

d3 js 在圆形路径上行驶的圆形动画呼吸应用程序

d3js动画呼吸应用我希望能够创建一个以特定时间间隔围绕路径旋转的圆圈动画，并能够控制该间隔以加快/减慢速度。我的代码目前看起来像这样。如何设置圆圈沿着圆圈路径移动-甚至可以让母圆圈本身“呼吸”进出2023年7月27日-当前基地<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"&g

P粉191610580 2023-09-14 15:46:55 0  1  592

带有透明半圆切口的 Div

我想仅使用CSS3制作一个透明的切出半圆形形状。唯一的要求是形成形状的所有元素必须是黑色或透明。我不能使用上面有一个白色圆圈的黑色矩形，因为半圆必须是透明的并让背景显示出来。所需形状：

P粉022285768 2023-10-22 17:51:09 0  2  757

微信小程序轮播

如何才能在微信小程序中实现圆形状轮播

没有尾巴的兔子 2017-11-20 19:16:44 0  1  1888

在Safari中如何使用CSS在圆形<button>上获得圆形轮廓

我试图获得一个具有相同颜色轮廓的圆形按钮，但这似乎不可能。轮廓最终总是呈正方形。有没有一种方法可以用a来实现这一点，或者它可能只能用a来实现？button{width:40px;height:40px;border:none;border-radius:40px;cursor:pointer;background-color:black;display:inherit;outline:5pxsol

P粉066725148 2023-10-26 09:54:54 0  2  1033

可以将边框半径与具有渐变的边框图像一起使用吗？

我正在设计一个具有圆形边框（边框半径）的输入字段，并尝试向所述边框添加渐变。我可以成功地制作渐变和圆形边框，但是两者都不能一起工作。它要么是没有渐变的圆角，要么是带有渐变但没有圆角的边框。-webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ced9de))

P粉633733146 2023-08-29 12:52:01 0  2  549

如何使用 CSS 向图像添加多层透明叠加层

如何按下三角形并将内容包含在白色圆圈的顶部？我正在尝试找到一种解决方案来创建一个包含背景图像的英雄部分，其中包含三个叠加形状作为图像的一部分。覆盖层顶部将是h1、p和btn。我在下面提供了一张屏幕截图，展示了设计的外观。有以下三个叠加层：直角形状，底部透明度为0%。具有透明度的外圆。具有透明度的内圆。这是我到目前为止所拥有的。我在下面包含了一个片段，并且在Codepen上也有一个工作版本。圆圈位于

P粉777458787 2024-02-25 17:09:14 0  1  430

从图像中切出圆形部分：分步指南

我正在尝试使用SVG路径剪辑图像，但我的图像似乎不太适合。这就是我想要实现的目标：这就是我得到的：这是我尝试过的代码：.topbar-chat-img{width:48px;height:48px;object-fit:cover;clip-path:url(#topbar-img-svg);}<imgsrc="https://picsum.photos/200/200?image

P粉536909186 2023-12-28 10:48:37 0  1  509

Safari 浏览器不支持圆形头像的 CSS

我的博客使用的是gatsbyReact模板，但是当我在Safari浏览器（iPhone或Mac）上打开它时，头像图像不是圆形的。简单代码博客这是我用于头像的样式.bio-avatar{margin-right:var(--spacing-4);margin-bottom:var(--spacing-0);min-width:50px;border-radius:100%;}

P粉779565855 2024-02-17 18:38:55 0  1  474

如何在页面上居中对齐三个 SVG 文件？

我有三个独立的SVG文件，当它们彼此层叠时，它们将创建一个图形。第一个SVG文件是一个红色三角形，第二个是位于三角形内部的蓝色圆圈，第三个是位于三角形底部的紫色矩形（三角形和矩形之间有一点空间）。我的目标是将所有三个SVG文件在页面中央相互叠加。下面是我的HTML和CSS代码。*{margin:0;padding:0;box-sizing:border-box;}.graphic{height:1

P粉998100648 2023-09-07 14:20:58 0  2  606

Ctrl+shift+J没有把天空剪切下来，这是为何啊

用多边形套索工具圈完之后，按CTRL+J结果只不过是复制出了选区的一个图层，并没有将原图切割开来，求大家帮忙教教是怎么回事，是不是我哪里设置了。

P粉693705174 2022-09-08 23:07:16 0  0  840

无需使用HTML5画布，实现动态渲染圆形扇区的方法

我正在制作一个幸运轮盘，我需要根据扇区数量创建一个轮盘或圆圈，并填充奖品名称。我已经完成了固定扇区数量的圆圈的代码。这是一个包含6个扇区的圆圈的示例。.wheel_container{position:relative;--wheel-size:360px;width:var(--wheel-size);height:var(--wheel-size);margin-bottom:2.4em;}.

P粉731861241 2023-09-02 10:43:07 0  1  547

重写后的标题为：CSS 3形状：「反向圆形」或「剪切圆形」

我想创建一个形状，我将其描述为“反圆”：该图像在某种程度上不准确，因为黑线应该沿着div元素的外边框继续。这是我目前拥有的演示：http://jsfiddle.net/n9fTF/使用没有图像的CSS是否有可能？

P粉979586159 2023-08-24 18:26:55 0  2  434

使用特殊光标更改悬停时的文本

请指导我如何更改悬停时的文本，类似于monopo网站。我不需要背景。只需简单的圆形效果（如彩色背景）和文本更改即可。此外，如果可能的话，我希望该效果仅在名为“about”的div中激活。网站链接：https://monopo.london/

P粉665427988 2023-09-05 23:47:42 0  1  546

javascript - 怎么自定义flatlist的下拉组件样式？

1.首先说一下我要实现的效果，像手机京东那样下拉出来一张图片，松手后跳转到新页面。 2.但是Flatlist有默认的下拉事件 {代码...} 在文档上没有看到怎么改变这个头部的控件，android是默认一个黑色圆形的刷新组件...

PHP中文网 2017-06-08 11:02:39 0  1  1305

使用 CSS Clip-path:circle() 属性在图像周围创建圆形边框

我想知道如何在图像clip-path:circle();中添加边框有什么其他方法可以添加边框吗？像：边框：5px纯红色；我尝试过这个：.roundedimage{width:200px;clip-path:circle();}<imgsrc="images/tv.jpg"alt="roundedImage"class="roundedimag

P粉875565683 2024-03-31 17:35:30 0  1  516

CSS 动画从左到右看起来越来越近和越来越远，模拟转盘盘上玻璃正面的运动

我正在尝试创建一个CSS动画，该动画从左向右水平移动，同时看起来越来越近和越来越远，模拟从前面看转盘盘上的玻璃的运动。我已经接近了，但它看起来仍然不正确，目前看起来它沿着菱形而不是圆形移动。这是我尝试过的...roll{display:block;width:100px;height:100px;background:red;margin:10pxauto10pxauto;animation:ro

P粉208469050 2023-09-04 21:59:55 0  1  554

由于子 div 的左边距为负值，父 div 无法居中

我创建了以下div，但因为我使用负左边距来偏移图标，所以无法将整个div居中。我们可以在桌面上摆脱它，因为你不能很容易地看出整个div向左移动了一点，但在移动设备上，圆形图标的左侧被切断。如何使整个div居中？.icon-text-box{border:1pxsolidred;}.icon-box{background:#fff;border-radius:33px;margin:6remauto

P粉677573079 2024-01-29 15:04:54 0  1  499