提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

悬停时倾斜效果错误

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

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

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 标记中使用 SVG 不允许我将角色分配为按钮或具有所需的悬停效果

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

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

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

我一直在努力学习网络开发的基础知识（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

javascript - 图片聚拢效果，加上3D效果为什么聚拢后有线条

一个div里装很多子div，子div背景图合在一起拼成一整张图；聚拢效果我加上3D y轴反转效果为啥就拼接的时候中间有了细缝按道理来说聚拢后应该是这样结果是这样附上代码.pic{width: 1000px;height: 655px;positi...

曾经蜡笔没有小新 2017-05-18 10:46:23

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

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

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

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

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

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

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

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

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

图像的起点和终点

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

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

变换和过滤图像导致叠加

我发现一个代码可以在您悬停时增加图像的大小，并且悬停的图像不会被其他图像裁剪：教程共和国.com但是当我也输入这段代码时：img{transition:filter.5sease-in-out;-webkit-filter:grayscale(100%);filter:grayscale(100%);}img:hover{-webkit-filter:grayscale(0%);filter:gr

P粉276876663 2023-09-15 20:58:43

CSS 悬停样式位于 div 内的元素上，且带有 transform-style:preserve-3d 在 Safari 中不起作用

我实现了一个视差滚动标题，它里面有一些带有悬停样式的社交图标。悬停样式目前在Safari中不起作用。当我删除容器上的transform-style:preserve-3d时，悬停样式可以工作（但会破坏视差）。它在Chrome中运行良好。<!doctypehtml><htmlclass="h-full"><head><scriptsrc=

P粉346326040 2023-08-30 18:33:26

将 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

如何使链接覆盖整个图像？

我希望链接覆盖所有图像，不仅是在中心，而且当您将鼠标悬停在图像上时。.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

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

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

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

HTML悬停图像：扩大可点击区域超过图像

我对css/html相对较新。我已经浏览了一段时间关于这个问题，但没有找到解决办法。问题是，如果我使用下面的代码（使用Bulma），当在img3.jpg上悬停时，可点击区域是从第一个开始的整个块。我怀疑问题可能是Bulma的is-column/is-multiline之间的冲突，以及我提供的覆盖CSS定义？<styletype="text/css">ul{list-

P粉459440991 2023-09-10 16:08:26

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