在 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  643

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

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

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

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

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

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

带有透明半圆切口的 Div

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

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

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

我正在设计一个具有圆形边框（边框半径）的输入字段，并尝试向所述边框添加渐变。我可以成功地制作渐变和圆形边框，但是两者都不能一起工作。它要么是没有渐变的圆角，要么是带有渐变但没有圆角的边框。-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  564

在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  1050

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

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

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

如何在页面上居中对齐三个 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  631

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

我正在尝试使用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  531

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  497

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

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

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

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

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

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

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

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

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

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

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

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

由于子 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  514

使用 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  551

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  567

怎样在CSS中创建一个圆形边框，其中x%是红色，其余部分是白色，其中x是一个在JavaScript文件中的状态变量？

我正在制作一个计时器应用程序，初始时有一个白色的环绕在计时器剩余时间周围。我希望将环绕计时器剩余时间的环逐渐变为红色，当计时器用尽时完全变为红色。{remainingTime.hours}:{remainingTime.minutes}:{remainingTime.seconds}。cou

P粉482108310 2023-07-24 18:47:03 0  1  508

裁剪和移动图像。网格布局

我正在努力将图像放在正确的位置并将其裁剪在顶部和底部。这就是它应该看起来的样子（英雄部分）：https://www.behance.net/gallery/161732057/CozyMornings-online-store整个项目是在网格上构建的。我需要一个向左移动的圆形图像，大于容器并在顶部和底部进行裁剪。此外，它应该具有响应能力。我试图将图像放入包装中。给这个包装器相对位置并隐藏溢出。这不

P粉548512637 2023-09-15 19:18:46 0  1  621

求教，代码矩形宽高比圆大吧，而且矩形位置怎么会在中心？

　 2017-12-17 14:04:07 0  0  999