在 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