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

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

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

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

当鼠标悬停在按钮上时，显示一个子菜单

我正在寻找一个解决方案，当我悬停在一个按钮上时，会弹出一个子菜单。目前只有在点击时才显示菜单。有人知道我需要改变什么，以便当悬停在一个按钮上时菜单显示出来，而点击时菜单保持在那里。解决方案：将悬停改为mouseover。有人知道如何使鼠标悬停时不显示所有部分（sect1...）吗？<script>vardivsvarbtn1=document.getElementById("

P粉021708275 2023-08-31 11:22:01

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

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

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

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

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

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

悬停时倾斜效果错误

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

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

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

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

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

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

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

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

为什么我的 Bootstrap 5 弹出窗口在关闭并重新打开它所在的模式后失去了打开焦点的能力？

我的Bootstrap5模式和放置在其上的弹出窗口有问题。在我的HTML中，我有以下内容，当用户将鼠标悬停在按钮上时，它会正确显示。弹出窗口显示“您确定吗？”键入提示并建议用户单击按钮（悬停）以继续。单击该按钮即可获取焦点并保持弹出窗口打开，直到再次单击或单击离开该元素。这允许鼠标指针进入弹出窗口内容并单击“继续”按钮。这就是我想要的东西：https://bootstrap-confirmatio

P粉022501495 2024-03-28 23:27:50

javascript - 在利用button标签时，鼠标事件和键盘事件切换会出错？

做了一个抽奖的小东西，开始和停止的按钮是button标签的。当我用鼠标按下开始，输入完人数之后，按回车暂停是可以的，但再按一次回车会开始后瞬间停止，而不是我再按一次回车才结束，如果不用button标签的话是可...

習慣沉默 2017-05-18 10:54:36

从提交和重置按钮中删除悬停效果：分步指南

当我单击“提交”或“重置”按钮时，我需要使用什么命令才能使其不缩放。我希望他们看起来很正常。我应该对这个程序使用悬停，但不能对最后2个按钮使用悬停请参阅下面我到目前为止所拥有的代码。任何事情都值得赞赏<!DOCTYPEhtml><html><head><title>CSSrules</title><style>input:fo

P粉099000044 2024-04-01 22:32:31

在 NextJS 项目中使用 Tailwind 和 MUI 时出现意外行为（白色按钮错误）

我目前正在使用NextJS、TailwindCSS和MUIReactUI库构建一个项目。每当我尝试向我的项目添加MUI按钮时，它都能正常工作，但按钮的颜色保持白色。悬停时颜色恢复正常，单击按钮时仍然具有波纹效果。但当不悬停时，它会返回白色。通过从我在_app.{js,jsx.ts,tsx}文件中导入的全局css文件中删除tailwind指令，该按钮再次正常工作，但这也将删除TailwindCSS。

P粉996763314 2023-11-04 11:04:23

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

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

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

使用鼠标悬停事件显示飞出菜单

我有一个弹出菜单，我试图使用鼠标悬停事件来切换它，但它似乎没有按预期工作。我尝试通过像这样定位div来使用CSS悬停事件：.hero-list-blocka:hover+.flyout-menu但是这没有用。关于如何解决这个问题/改进这个问题有什么建议吗？谢谢constflyoutLink=document.querySelector('.flyout-link');constflyoutMenu

P粉254077747 2024-04-03 15:14:43

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

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

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

将 CSS3 过渡与渐变背景结合使用

我试图在鼠标悬停时使用css在缩略图上进行转换，以便在悬停时背景渐变淡入。转换不起作用，但如果我只是将其更改为rgba()值，它工作正常。不支持渐变吗？我也尝试过使用图像，它也不会转换图像。我知道这是可能的，因为在另一篇文章中有人做到了，但我不知道到底是怎么做到的。任何帮助>这是一些可以使用的CSS：#containerdiva{-webkit-transition:background0.

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

通过过渡缩放文本以适应浏览器的大小

我有一些文本，我想在将鼠标悬停在按钮上时将其大小调整为浏览器的100%。如何使该文本适合浏览器/容器？我知道使用fontsize，您可以执行类似font-size:100vw的操作，但是font-size的动画很不稳定，所以我无法使用此方法。http://jsfiddle.net/0n15mfyL/对于那些想知道抖动的人，当字体缩小时会很明显：http://jsfiddle.net/rbk48

P粉459578805 2023-09-08 11:11:22

使用 React 在图像上放置交互式标记

请帮忙。我有一个像下图这样的图像显示在主页上（一个更大的图像）。请注意，“FORGE”房屋的中间有一个白色和蓝色标记，并带有黑色箭头。“出租”房屋也是如此。这些标记中的每一个都将充当交互式按钮。以下是预期的交互行为：将鼠标悬停时，蓝色背景将展开以显示“Forge”或“Rentals”等文本点击后，它将引导用户前往相应的“Forge”或“Rentals”页面。还希望它能够响应，如果当屏幕调整大小时，

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

CSS 样式未应用于网站

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

P粉613735289 2024-04-06 17:12:23

使用 CSS3 过渡增强渐变背景

我试图在鼠标悬停时使用css在缩略图上进行转换，以便在悬停时背景渐变淡入。转换不起作用，但如果我只是将其更改为rgba()值，它就可以工作美好的。不支持渐变吗？我也尝试过使用图像，它也不会转换图像。我知道这是可能的，因为在另一篇文章中有人做到了，但我不知道到底是怎么做到的。任何帮助>这是一些可以使用的CSS：#containerdiva{-webkit-transition:backgrou

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