提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
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

Vue横向滚动

我想用鼠标水平滚动图标。我在Javascript中用scrollLeft尝试过，但滚动时该值不会改变。滚动时，只有deltaY值在100和-100之间变化。有人知道问题出在哪里吗？当我滚动并且鼠标悬停在滚动条上时，它可以工作，但我希望它可以在整个div容器上工作。如果可能的话，我也想在没有依赖项/npm-libraries的情况下执行此操作。模板<divclass="iconsfl

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

javascript - JS与CSS的问题，鼠标移到地图上的某个图标后，怎么让显示出来的内容相对于图标居中显示。

如下图，右边的是我需要的效果，即鼠标移上地图上红色位置图标时显示出来的照片与内容相对于下面位置图标居中显示。而左边是我做出来的效果，位移太严重了，求大神帮忙看看。下面是我的HTML代码 {代码...}

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

寻求帮助：如何在图表上永久显示数据标签并与其位置一致

我想在图表上永久显示这些数据标签，以便它们始终可见，而不仅仅在鼠标悬停时可见。有人可以帮我吗？[这是一个示例，类似于这个]我也放下了我的代码。(https://i.stack.imgur.com/TY8X1.png)饼图示例//获取canvas元素varcanvas=document.getElementById('pieChart');//创建饼图varpieChart=newChart(can

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

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

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