提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

影像的起點和終點

我正在嘗試設定圖像的起點和終點。所以我有我的畫布和圖像，當我將圖像放入畫布時，我希望當我將滑鼠懸停在起點/終點時，它會亮起一個小紅色圓圈，這意味著我可以與其他圖像創建連接。例如：1)拖曳圖像。 2)將圖像放入畫布內。 3）滑鼠懸停到起點/終點，小紅點亮起。如您所見，紅點僅在懸停時出現。另一個問題，但如果你解決第一個問題很酷，圖像不會跟隨烤架（正方形）。這是html/js的範例constresistor

P粉511757848 2023-08-31 12:24:51

如何在Vue過渡中去除過渡延遲？

我正在使用Vue來實現當滑鼠懸停在圖片上時，透過動畫將文字方塊向上移動並淡入。動畫效果是正確的，但是它有一個輕微的延遲才開始。我希望文字方塊在圖片懸停時能夠平滑且立即地開始淡入和向上移動。當遊標離開時，文字方塊能夠正確地淡出和向下移動。 template:`{{badges[item].description}}`,methods:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49

直接在 HTML 標籤中使用 SVG 不允許我將角色指派為按鈕或具有所需的懸停效果

我有一個帶有圖標的容器，該圖標應該執行兩個功能：具有按鈕的作用（可通過鍵盤/屏幕閱讀器等訪問）懸停/聚焦時變紅當我直接在標記中使用SVG時，懸停效果可以按預期工作，但我無法像使用img標籤時那樣為SVG分配按鈕角色：.container{height:500px;width:400px;background-color:lightblue;position:relative;}.favourite

P粉940538947 2023-09-06 20:29:59

懸停時傾斜效果錯誤

我有一個帶有傾斜效果的按鈕，裡面有一個文本，當我懸停該按鈕時，按鈕旁邊會出現兩行。有代碼，將滑鼠懸停在按鈕上直到看到它，這是一個非常隨機的副作用。我認為這是Chrome的問題，但我不確定。這是問題的圖片：https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50

將 CSS3 轉場與漸層背景結合使用

我試圖在滑鼠懸停時使用css在縮圖上進行轉換，以便在懸停時背景漸變淡入。轉換不起作用，但如果我只是將其更改為rgba()值，它工作正常。不支援漸層嗎？我也嘗試過使用圖像，它也不會轉換圖像。我知道這是可能的，因為在另一篇文章中有人做到了，但我不知道到底是怎麼做到的。任何幫助>這是一些可以使用的CSS：#containerdiva{-webkit-transition:background0.

P粉217629009 2023-08-23 21:25:42

使用 CSS3 過渡增強漸變背景

我試圖在滑鼠懸停時使用css在縮圖上進行轉換，以便在懸停時背景漸變淡入。轉換不起作用，但如果我只是將其更改為rgba()值，它可以工作美好的。不支援漸層嗎？我也嘗試過使用圖像，它也不會轉換圖像。我知道這是可能的，因為在另一篇文章中有人做到了，但我不知道到底是怎麼做到的。任何幫助>這是一些可以使用的CSS：#containerdiva{-webkit-transition:backgrou

P粉955063662 2023-10-12 18:05:11

如何更改 MUI 工具提示的背景顏色？

我想要一個“？”用戶可以將其懸停在圖標上並獲取有關應在文字欄位中輸入哪些資料的規範。 MUI的預設懸停是灰色的，帶有白色的文字，但我希望我的懸停是白色的，帶有灰色的文字，並且字體更大。我發現使用對於字體大小和顏色效果很好，但是當我更改背景顏色時，懸停文字欄位周圍有一個灰色邊框。這是hover.js元件：exportdefaultfunctionHoverTip(prop){const{tip}=pr

P粉147045274 2023-09-04 11:56:50

如何讓轉換後的元素不被溢出自動切斷？

我正在使用Bootstrap4為朋友的個人網站製作一個模態畫廊。我設置了它，以便圖像在懸停時展開-但當我將溢出設置為自動時，它們會在模態（或div）的邊緣被切斷。圖庫也是一組選項卡中的第三個，但所有這些都很好用。我嘗試更改哪個div具有overflow-auto類；我嘗試過標記各種不同的標記，但無論我嘗試什麼，我都不知道如何製作它，以便圖庫滾動並且讓我的圖像在懸停時不會被切斷。現在是相關程式碼：.g

P粉242535777 2023-09-07 20:04:02

使用 CSS Tailwind 的圖片懸停卡動畫未如預期運作。

<html><body><divclass="groupcardmy-14mx-3w-80h-100bg-gray-800rounded-xltext-whitep-5cursor-pointer"><divclass="flexjustify- Betweenitems-centertext-2xl"><

P粉863295057 2024-04-06 13:43:17

javascript - 微信分享H5, 這種帶底色模糊的效果是如何實現的?

像我們正常分享的效果是下面那樣, 我試用得到的分享是上面那樣帶底色(好像是圖片模糊處理的效果)的, 請問是如何實現的?

过去多啦不再A梦 2017-06-12 09:29:10

objective-c - IOS 如何實現網易雲音樂選擇頭像的ImagePicker

看了ImagePicker的介紹，很多都是採用用戶去選擇用照相機或是照片的方式。但我看到網易雲音樂更換頭像是在圖片庫旁邊加一個攝影機。效果如圖想問有什麼方式可以達到這樣的效果

巴扎黑 2017-05-31 10:31:51

javascript - 一個抽獎的效果（如圖）？

各個頭像圖片隨機轉動的一個效果，哪位有類似demo或提供個方法，謝謝幫忙了

阿神 2017-06-05 11:10:32

使用React在HTML中的SVG路徑選擇器

我正在創建一個繪畫應用程序，用戶可以在其中上傳SVG。填滿不同的顏色，在SVG上繪製，然後將其擦除。但不幸的是，我無法取得SVG的路徑。下面是SVG圖像，如果我將滑鼠懸停，我只想獲取該懸停路徑的路徑並用所選顏色填充它。我嘗試了Canvas和SVG路徑。但沒有運氣。 Canvas有beginPath方法，我用它來繪製SVG。 <?xmlversion='1.0'encoding='utf-8'?&

P粉566048790 2023-09-01 23:22:48

vimrc - vim能實現自動偵測工作目錄下的jpg文件，然後根據文件的數量自動填入內容這樣複雜的需求嗎？

我的需求就是偵測工作目錄下的圖片，然後往page.html裡面填入對應的img標籤。就像我手動打上去的那種效果。

PHPz 2017-05-16 16:34:42

改變MUI中文字欄位標籤的顏色

嗨，我在更改MUI文字欄位中的文字標籤顏色方面遇到了問題。我已經成功自訂了邊框顏色和懸停狀態（包括標籤），只是在非懸停狀態下無法更改標籤顏色。我嘗試了在DOM中找到的各種類別名稱（包括MuiInputBase-input），就像我在其他地方所做的那樣，但都沒有成功。我還嘗試了inputProps，但也沒有任何效果。以下是我的程式碼：<TextFieldclassName="w-fullm

P粉860370921 2023-08-26 17:15:52

使用 React 在圖像上放置互動式標記

請幫忙。我有一個像下圖這樣的圖像顯示在主頁上（一個更大的圖像）。請注意，「FORGE」房屋的中間有一個白色和藍色標記，並帶有黑色箭頭。「出租」房屋也是如此。這些標記中的每一個都將充當互動式按鈕。以下是預期的互動行為：將滑鼠懸停時，藍色背景將展開以顯示「Forge」或「Rentals」等文字點擊後，它將引導使用者前往對應的「Forge」或「Rentals」頁面。也希望它能夠響應，如果當螢幕調整大小時，

P粉896751037 2023-09-08 21:25:41

使用純Javascript實現影像替換的過渡效果

在我創建的網站上，我有一些手風琴，每個手風琴的頂部都有一個圖像。當您打開手風琴時，裡面有一個描述，圖像會變成另一張。然後，當您關閉手風琴時，影像會切換回第一個影像。問題是我希望這個圖像變化有一個平滑的過渡，具有淡入淡出的效果，而現在它只是一個突然的變化。我該怎麼做？假設手風琴按鈕的id為「button」；包含第一張圖片（將更改為第二張圖片）的標籤的id為「firstimage」。這是JavaS

P粉458913655 2024-03-30 00:14:11

使用 Tailwind CSS 確保 CSS 網格中卡片的寬度和高度固定

我正在使用TailwindCSS和React來建立一個應用程序，在其中一個視圖中我有一個卡片網格。目前它看起來像這樣：如您所見，當我縮小視窗時，卡片會擠入其中。我想確保卡片大小（寬度和高度）始終保持不變，如果隨著視窗變小，卡片數量無法容納在一行中，它只會移動到下一行。類似於（由MS油漆製成）：即使螢幕變小，卡片的尺寸也保持固定（相同的寬高比）。這是我的程式碼目前的樣子：網格：<div&gt

P粉184747536 2024-03-26 21:34:28

Array JS 中的 52 張影像

我正在學習IT助理1年，目前我們必須使用JavaScriptHTML和CSS編寫紙牌遊戲。我的問題是：如何在JS中將52張卡片放入一個數組中，僅提供放置這些卡片的所有圖像的資料夾的路徑，然後顯示它們？我嘗試了下面的程式碼，這是我自己寫的；但它們只會顯示在控制台中。如果您只告訴我我做錯了什麼就足夠了，這會導致頁面上的圖像無法顯示：functionStart(){letKarten=["1h

P粉267885948 2024-03-30 21:14:49

建立一個懸停效果，將選單按鈕轉換為具有陰影複製版本的 x 形狀

首先我想承認我的標題很令人困惑，對此感到抱歉。我想要實現的是懸停時的以下效果：我的網站在這裡https://wordpress-493302-3130963.cloudwaysapps.com/我已經成功地使用css轉換完成了我想要實現的目標的一半，但無法看到創建按鈕的影子副本，如上圖所示。我的CSS如下.cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21