提問搜尋_PHP中文網

社群

學習

工具庫

AI工具

休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

vue 和 vuetify 元件上的滑鼠懸停效果

因此，我嘗試重新創建滑鼠懸停效果，如以下文章中的範例所示：https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330但就我而言，我希望使用Vue.js將懸停效果應用到vuetify庫中的v-card。所以這是我的嘗試：https://codepen.io/pokepim/pen/NWdwOEq現

P粉032649413 2024-03-27 16:31:16

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

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

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

javascript - 這個描邊動畫效果是怎麼實現的呢？

滑鼠懸停在上面就會出現這個類似描邊效果，純css可以實現嗎？想實現一樣的效果具體怎麼弄呢？

学习ing 2017-06-24 09:44:08

懸停時傾斜效果錯誤

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

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

懸停時顯示內容（不影響卡片高度）

我有一個區塊，其中包含懸停時顯示的內容。效果的工作方式應該是：.hoverCard預設顯示基礎內容（.hoverCard__showOnHover中的內容被隱藏）用戶將滑鼠懸停在.hoverCard上，此時.hoverCard__showOnHover顯示其內容，並且.hoverCard__body向上轉換（賦予其“打開”效果）可以在我的演示中看到上述內容的視覺效果，但我無法讓動畫完美地工作。我遇到

P粉289775043 2024-03-27 20:29:28

影像的起點和終點

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

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

Div外影像移動

我正在建立一個網站，在網頁的中心有一個黑色的div，當我將滑鼠懸停在上面時，中心的圖片會旋轉。問題是，儘管我將圖片放在了div中，但它超出了div的範圍。如何修復這個問題？這是我的HTML程式碼：constimage=document.getElementById("pic");image.classList.add("rotate");constclone

P粉004287665 2023-08-13 15:21:15

如何使連結覆蓋整個圖像？

我希望連結覆蓋所有圖像，不僅是在中心，而且當您將滑鼠懸停在圖像上時。 .moduledata{position:relative;width:auto;margin:0px!important;max-width:380px;}.moduledata>h5{position:absolute;left:50%;top:50%;transform:translate(-50% ,-50%);}.m

P粉481815897 2024-04-02 20:45:43

有條件地將className更改為css模組（React）

我正在嘗試在用戶懸停在我的網站導航欄上時播放動畫。我試圖透過根據滑鼠是否懸停在導覽列上來更改css模組來實現這一目標。我正在努力弄清楚為什麼這段程式碼不起作用。非常感謝任何幫助！ Navbar.jsx：importReact,{useState}from"react";import{Link}from"react-router-dom";importstyles

P粉799885311 2023-08-17 18:10:17

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

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

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

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

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

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

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

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

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

使用 CSS3 過渡增強漸變背景

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

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

javascript - JS與CSS的問題，滑鼠移到地圖上的某個圖示後，怎麼讓顯示出來的內容相對於圖示居中顯示。

如下圖，右邊的是我需要的效果，即滑鼠移上地圖上紅色位置圖示時顯示出來的照片與內容相對於下面位置圖示居中顯示。而左邊是我做出來的效果，位移太嚴重了，求大神幫忙看看。下面是我的HTML程式碼 {程式碼...}

给我你的怀抱 2017-06-12 09:32:10

Vue橫向捲動

我想用滑鼠水平滾動圖示。我在Javascript中用scrollLeft嘗試過，但滾動時該值不會改變。滾動時，只有deltaY值在100和-100之間變化。有人知道問題出在哪裡嗎？當我滾動並且滑鼠懸停在滾動條上時，它可以工作，但我希望它可以在整個div容器上工作。如果可能的話，我也想在沒有依賴項/npm-libraries的情況下執行此操作。模板<divclass="iconsfl

P粉755863750 2024-03-25 21:06:27

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

尋求協助：如何在圖表上永久顯示資料標籤並與其位置一致

我想在圖表上永久顯示這些資料標籤，以便它們始終可見，而不僅僅在滑鼠懸停時可見。有人可以幫我嗎？ [這是一個範例，類似於這個]我也放下了我的程式碼。 (https://i.stack.imgur.com/TY8X1.png)餅圖範例//取得canvas元素varcanvas=document.getElementById('pieChart');//建立餅圖varpieChart=newChart(can

P粉302160436 2023-08-15 23:21:18

javascript - js 找到子節點img並更改src

{程式碼...} 現在是滑鼠停留在 img 上才更改圖片src 我想直接在 a 連結上加 Onmouse屬性如何找到這個img的節點,並更改img的src呢謝謝了 {程式碼...}

phpcn_u1582 2017-05-18 10:50:30

求一款javascript地圖標記插件

1，有沒有這樣一款javascript插件可以實現下面這種效果左側的三個物件可以拖曳到右側地圖上，拖曳到地圖上鬆開滑鼠後會在地圖上留下一個標記（用來標記地圖位置），放開滑鼠後彈出可以編輯的對話框。

怪我咯 2017-05-18 10:49:58

CSS 轉換：背景大小不起作用

我正在開發一個網站，當您將滑鼠懸停在圖像上時，它會縮小，以便您可以看到整個圖像，而無需縮小太多以查看div的背景。這是我的HTML的樣子：<divid="wrapper"><divid="imgDiv"><divid="transitionDiv"style="background-image:u

P粉821808309 2023-09-05 00:05:08