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

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

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

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

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

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

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

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

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

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

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

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

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

悬停时倾斜效果错误

我有一个带有倾斜效果的按钮，里面有一个文本，当我悬停该按钮时，按钮旁边会出现两行。有代码，将鼠标悬停在按钮上直到看到它，这是一个非常随机的副作用。我认为这是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中改变了标签，以使标签能够起作用。我在这个网站上查找了解决我的问题的方法。我无法让我的导航栏工作。我无法弄清楚如何在这里放置代码。如果可以帮助的话，我愿意通过消息发送我的代码。我花了超过30分钟尝试弄清楚

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

图像的起点和终点

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

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

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

CSS 样式未应用于网站

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

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

javascript - js scroll滑动靠近最顶部的条目显示在最顶部

我现在要实现一个功能是，滑动列表滑动，当滑动静止的时候，靠近最顶部的条目显示在最顶部。就像这样：（力度有轻有重，滑动静止的时候停在什么地方都有可能）。有没有人做过这个效果啊，求指点，谢谢....

PHP中文网 2017-07-07 10:34:23

求一款javascript地图标记插件

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

怪我咯 2017-05-18 10:49:58

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

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

PHP中文网 2017-06-30 09:56:05

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

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

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

世界只因有你 2017-05-19 10:14:34

css - angular前端如何让ng-repeat的内容并排一行，跑起来呢？

html代码： {代码...} js: {代码...} js指令： {代码...} marquee.html {代码...} 现在的效果是这样的：不是一行的。如何让其变成一行，这样显示：4<5<6,并且当鼠标移动到4上，停止滚动，并且弹出一个提示...

给我你的怀抱 2017-05-15 17:04:09

创建一个悬停效果，将菜单按钮转换为具有阴影克隆版本的 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 - 实现鼠标划出个div框框，获取被div覆盖的dom元素

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

仅有的幸福 2017-05-19 10:09:21

无法获取鼠标准确坐标的问题：在调整页面大小时使用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

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

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

P粉882357979 2024-02-26 18:46:59