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 0  1  477

javascript - 这个描边动画效果是怎么实现的呢？

鼠标悬停在上面就会出现这个类似描边效果，纯css可以实现吗？想实现一样的效果具体怎么弄呢？

学习ing 2017-06-24 09:44:08 0  3  956

如何在Vue过渡中去除过渡延迟？

我正在使用Vue来实现当鼠标悬停在图片上时，通过动画将文本框向上移动并淡入。动画效果是正确的，但是它有一个轻微的延迟才开始。我希望文本框在图片悬停时能够平滑且立即地开始淡入和向上移动。当光标离开时，文本框能够正确地淡出和向下移动。template:`{{badges[item].description}}`,methods:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49 0  1  538

悬停时倾斜效果错误

我有一个带有倾斜效果的按钮，里面有一个文本，当我悬停该按钮时，按钮旁边会出现两行。有代码，将鼠标悬停在按钮上直到看到它，这是一个非常随机的副作用。我认为这是Chrome的问题，但我不确定。这是问题的图片：https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  396

悬停时显示内容（不影响卡片高度）

我有一个块，其中包含悬停时显示的内容。效果的工作方式应该是：.hoverCard默认显示基础内容（.hoverCard__showOnHover中的内容被隐藏）用户将鼠标悬停在.hoverCard上，此时.hoverCard__showOnHover显示其内容，并且.hoverCard__body向上转换（赋予其“打开”效果）可以在我的演示中看到上述内容的视觉效果，但我无法让动画完美地工作。我遇到

P粉289775043 2024-03-27 20:29:28 0  1  479

实现导航栏悬停效果的方法

我正在处理我的垂直导航栏。那个图标的名称应该在右侧可见。当鼠标悬停在图标上时，名称也应该从白色变为黑色，但它没有起作用。我尝试改变周围的标签，看看是否有帮助。我还改变了HTML中的标签，并在CSS中改变了标签，以使标签能够起作用。我在这个网站上查找了解决我的问题的方法。我无法让我的导航栏工作。我无法弄清楚如何在这里放置代码。如果可以帮助的话，我愿意通过消息发送我的代码。我花了超过30分钟尝试弄清楚

P粉041758700 2024-01-10 18:06:56 0  1  465

有条件地将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 0  1  555

创建一个悬停效果，将菜单按钮转换为具有阴影克隆版本的 x 形状

首先我想承认我的标题很令人困惑，对此感到抱歉。我想要实现的是悬停时的以下效果：我的网站在这里https://wordpress-493302-3130963.cloudwaysapps.com/我已经成功地使用css转换完成了我想要实现的目标的一半，但无法看到创建按钮的影子副本，如上图所示。我的CSS如下.cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21 0  2  525

图像的起点和终点

我正在尝试设置图像的起点和终点。所以我有我的画布和图像，当我将图像放入画布时，我希望当我将鼠标悬停在起点/终点时，它会亮起一个小红色圆圈，这意味着我可以与其他图像创建连接。例如：1)拖动图像。2)将图像放入画布内。3）鼠标悬停到起点/终点，小红点亮起。如您所见，红点仅在悬停时出现。另一个问题，但如果你解决第一个问题很酷，图像不会跟随烤架（正方形）。这是html/js的示例constresistor

P粉511757848 2023-08-31 12:24:51 0  1  599

javascript - js（Vue）实践：怎么做出输入@，然后自动出现相关人选的列表？

做出效果如下： 效果描述：1.用户输入@符号，出现选项列表，且选项列表自动定位到@符号后面。（目前的思路是：动态监听输入字符如果为@，列表框出现在光标悬停位置。）2.当用户输入@后用户忽略选择继续输入，当用...

PHP中文网 2017-07-05 11:03:32 0  3  3679

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

我想要一个“？”用户可以将其悬停在图标上并获取有关应在文本字段中输入哪些数据的规范。MUI的默认悬停是灰色的，带有白色的文字，但我希望我的悬停是白色的，带有灰色的文字，并且字体更大。我发现使用对于字体大小和颜色效果很好，但是当我更改背景颜色时，悬停文本字段周围有一个灰色边框。这是hover.js组件：exportdefaultfunctionHoverTip(prop){const{tip}=pr

P粉147045274 2023-09-04 11:56:50 0  1  916

CSS 样式未应用于网站

我正在使用Bootstrap5制作网站，但index.css属性未应用于index.html。当我将鼠标悬停在服务卡上时，背景应该会发生变化，从而产生过渡效果。应该是从这个到这个。但是，我认为链接到HTML的CSS可能有问题，因为当我尝试将网站的背景更改为随机颜色时，该更改不会出现在网站上。@importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23 0  1  669

求一款javascript地图标记插件

1，有没有这样一款javascript插件可以实现下面这种效果 左侧的三个对象可以拖拽到右侧地图上，拖拽到地图上松开鼠标后会在地图上留下一个标记（用来标记地图位置），松开鼠标后弹出可以编辑的对话框。

怪我咯 2017-05-18 10:49:58 0  1  649

在 VEGA 中使用标签强制直接布局

我正在尝试使用力导向布局在VEGA中创建网络图，该布局显示每个节点的标签。这个问题中提到了一种可能的方法。通过参考Vega编辑器，我们可以观察到标签是存在的，但是存在一些重叠和视觉混乱的问题。因此，我想知道是否有可能实现与此示例类似的结果，其中标签在将鼠标悬停在节点上时出现，并在图表中保持突出显示和固定。我尝试了“文本”字段中的一些更改，但我想它可能比这更复杂。

P粉882357979 2024-02-26 18:46:59 0  2  448

无法获取鼠标准确坐标的问题：在调整页面大小时使用HTML5画布

我想从前端专家那里创建这个像素效果。虽然我能够在全屏画布上实现整个像素效果：constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//给画布设置全屏高度canvas.width=window.innerWidth;//给画布设置全屏宽度并且很容易获取鼠标的坐标constmouse={x:undefined,y:u

P粉752290033 2023-09-12 12:20:33 0  1  773

javascript - 一个关于mousdown事件的问题

求助，我用$.animate 实现了一个基于页面元素mousdown的事件，做好之后发现一个问题，连续多次点击鼠标后会重复多次播放动画，我想要实现的效果是每次点击时都从头播放动画，多次点击会产生多个mousdown事件，如...

世界只因有你 2017-05-19 10:14:34 0  1  451

javascript - 鼠标hover显示红色边框这种效果怎么实现

谁做过这种效果这是我写的，使用border-right:1px solid #eee;border-bottom:1px solid #eee；鼠标悬浮时ul li:hover{border-color:#ed9639;}怎么让左边也有一像素红框

过去多啦不再A梦 2017-07-05 11:04:45 0  8  1297

javascript - 实现鼠标划出个div框框，获取被div覆盖的dom元素

类似于这种效果通过鼠标移动，拉取一个div框选中被div覆盖的dom元素。大家有没有什么好的想法可以实现 我想出的方法是通过判断div的offsetLeft,offsetTop和需要选中的各个元素的offsetLeft,offsetTop，如果dom元...

仅有的幸福 2017-05-19 10:09:21 0  4  620

javascript - 相册效果如何实现的？用什么插件？

图片点击预览、左右滑动、还有数字，我把链接放到电脑上来，鼠标点击就没有效果了。有没有成熟的插件可以用啊。自己写的遮罩可以实现预览，但是左右切换不是很好写。

PHP中文网 2017-06-30 09:56:05 0  4  814

CSS 显示属性上的转换

我目前正在设计一个CSS“大型下拉”菜单-基本上是一个常规的纯CSS下拉菜单，但包含不同类型的内容。目前，CSS3过渡似乎不适用于“display”属性，即您无法从display:none到display:block（或任意组合）。当有人将鼠标悬停在顶级菜单项之一上时，是否有办法使上例中的第二层菜单“淡入”？我知道您可以在visibility:属性上使用转换，但我想不出有效使用它的方法。我也尝试过

P粉958986070 2023-08-23 12:27:32 0  2  638