提问搜索_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

悬停时倾斜效果错误

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

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

按钮激活导致悬停效果故障

我一直在努力学习网络开发的基础知识（HTML、CSS和JS），所以我一直在尝试制作一个可用的苹果计算器。一切都工作正常，直到我注意到一个小错误。一开始，操作按钮上的悬停效果效果很好，当我悬停时颜色变得更亮。当我按下按钮时，按钮会变得更加明亮并保持这种状态，直到用户输入另一个数字（或“等于”按钮）来与前一个数字进行操作。之后，操作按钮将变为正常颜色。在那之前，一切都很好，但我注意到，在用户按下按钮并

P粉548512637 2024-04-01 21:51:26

使用 Psuedo 元素的 CSS 悬停效果与主元素重叠

基本上，当我悬停时，我希望效果如下所示：我的网站在这里代码如下忽略！重要：.cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;justify-cont

P粉838563523 2024-03-20 10:31:28

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

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

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

直接在 HTML 标记中使用 SVG 不允许我将角色分配为按钮或具有所需的悬停效果

我有一个带有图标的容器，该图标应该执行两个功能：具有按钮的作用（可通过键盘/屏幕阅读器等访问）悬停/聚焦时变红当我直接在标记中使用SVG时，悬停效果可以按预期工作，但我无法像使用img标签时那样为SVG分配按钮角色：.container{height:500px;width:400px;background-color:lightblue;position:relative;}.favourite

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

使用纯Javascript实现图像替换的过渡效果

在我创建的网站上，我有一些手风琴，每个手风琴的顶部都有一个图像。当您打开手风琴时，里面有一个描述，并且图像会变成另一张。然后，当您关闭手风琴时，图像会切换回第一个图像。问题是我希望这个图像变化有一个平滑的过渡，具有淡入淡出的效果，而现在它只是一个突然的变化。我该怎么做？假设手风琴按钮的id为“button”；包含第一张图片（将更改为第二张图片）的标签的id为“firstimage”。这是JavaS

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

禁用Vuetify 2中v-checkbox的悬停效果

当在Vuetify2中悬停在v-checkbox上时，复选框后面会出现一个变暗的圆圈。我想让它不出现。目前，我的v-checkbox被包裹在v-tab和v-tooltip中。我怀疑这并不重要，但有可能。<v-tabv-for="tabinmyTabList":key="tab"><span>{{$t(tab)}}</span&g

P粉826429907 2023-09-03 20:25:54

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

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

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

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

我有一个块，其中包含悬停时显示的内容。效果的工作方式应该是：.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

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

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

P粉041758700 2024-01-10 18:06:56

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

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

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

angular.js - angularjs 使用鼠标悬停时，标签一直闪

我在用angularjs写一个鼠标悬停事件的时候发现鼠标时标签一直闪， angular代码如下： {代码...} 请问一下这段代码有什么问题吗? 要实现的效果就是鼠标悬停到登录成功的标签时，出现进入主页标签。麻烦看出问题的...

巴扎黑 2017-05-15 17:07:12

改变MUI中文本字段标签的颜色

嗨，我在更改MUI文本字段中的文本标签颜色方面遇到了问题。我已经成功自定义了边框颜色和悬停状态（包括标签），只是在非悬停状态下无法更改标签颜色。我尝试了在DOM中找到的各种类名（包括MuiInputBase-input），就像我在其他地方做的那样，但都没有成功。我还尝试了inputProps，但也没有任何效果。以下是我的代码：<TextFieldclassName="w-fullm

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

使用特殊光标更改悬停时的文本

请指导我如何更改悬停时的文本，类似于monopo网站。我不需要背景。只需简单的圆形效果（如彩色背景）和文本更改即可。此外，如果可能的话，我希望该效果仅在名为“about”的div中激活。网站链接：https://monopo.london/

P粉665427988 2023-09-05 23:47:42

动态为多个元素添加:hover效果

是否有可能以编程方式为多个元素添加hover效果？在我们的系统中，有多个元素代表一个单元（但由于其他原因需要将它们分开成多个元素），在某些情况下，它们应该在悬停时一起重新着色。是否有可能以编程方式为多个元素添加hover效果？或者说这是否是一个良好的实践？我可以通过使用my_own_css_class来解决这个问题，在悬停时将其添加到所有元素上。但我觉得以编程方式使它们具有hover效果可能对我有

P粉203792468 2023-08-15 23:49:58

将 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