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

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

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

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

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

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

悬停时倾斜效果错误

我有一个带有倾斜效果的按钮，里面有一个文本，当我悬停该按钮时，按钮旁边会出现两行。有代码，将鼠标悬停在按钮上直到看到它，这是一个非常随机的副作用。我认为这是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  385

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

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

巴扎黑 2017-05-15 17:07:12 0  3  691

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  460

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

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

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

图像的起点和终点

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

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

css - 如何让鼠标停留的时候title悬浮显示出来的文字换行呢?

图片中简介处代码用的这个title="{{value.teacherInfo.remark}}",鼠标停留在简介上时,悬浮显示了右边的简介里的文字,可是遮盖住了左边的简介,如何让title出来的文字换行呢?简介：{{value.teacherInfo.remark }}

phpcn_u1582 2017-05-15 17:11:53 0  1  1312

Div外图像移动

我正在创建一个网站，在网页的中心有一个黑色的div，当我将鼠标悬停在上面时，中心的图片会旋转。问题是，尽管我将图片放在了div中，但它却超出了div的范围。如何修复这个问题？这是我的HTML代码：constimage=document.getElementById("pic");image.classList.add("rotate");constclone

P粉004287665 2023-08-13 15:21:15 0  1  478

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

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

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

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

P粉217629009 2023-08-23 21:25:42 0  2  669

使用 CSS3 过渡增强渐变背景

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

P粉955063662 2023-10-12 18:05:11 0  2  653

有条件地将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  552

angular.js - 如何只用 AngularJs 实现图片滑动切换？

AngularJS的图片轮播效果或是图片滑动切换效果在百度上搜到的代码基本都是基于bootstrap这个控件来实现的。 如何实现纯AngularJS不带jQ或其他。实现如手机淘宝的宝贝详情页的顶层banner那样的滑动切换图片的效果？

大家讲道理 2017-05-15 16:51:32 0  1  815

Vue横向滚动

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

P粉755863750 2024-03-25 21:06:27 0  2  543

使用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 0  1  621

javascript - js 找到子节点img并更改src

{代码...} 现在是鼠标停留在 img 上才更改图片src 我想直接在 a 链接上加 Onmouse属性如何找到这个img的节点,并更改img的src呢 谢谢了 {代码...}

phpcn_u1582 2017-05-18 10:50:30 0  4  639

CSS 过渡：背景大小不起作用

我正在开发一个网站，当您将鼠标悬停在图像上时，它会缩小，以便您可以看到整个图像，而无需缩小太多以查看div的背景。这就是我的HTML的样子：<divid="wrapper"><divid="imgDiv"><divid="transitionDiv"style="background-image:u

P粉821808309 2023-09-05 00:05:08 0  1  589

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

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

给我你的怀抱 2017-06-12 09:32:10 0  1  890

如何使动画在悬停时暂停，但一旦鼠标离开动画继续

我已经厌倦了几个解决方案，这是我得到的最接近的解决方案。但我仍然不满意结果如何，因为当鼠标离开元素时，元素会恢复到原来的旋转状态。这个想法是，如果你越过该元素，即使鼠标离开该元素，它也会触发动画。如果你将鼠标悬停在元素上，它会播放动画并保持在0度，一旦鼠标离开，另一个动画就会播放，并旋转回-8度。constelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54 0  1  503