提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

创建一个悬停效果，将菜单按钮转换为具有阴影克隆版本的 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 - 这个描边动画效果是怎么实现的呢？

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

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

CSS显示属性的渐变效果

我目前正在设计一个CSS的“超级下拉菜单”-基本上是一个常规的纯CSS下拉菜单，但其中包含不同类型的内容。目前，似乎CSS3的过渡效果不适用于“display”属性，也就是说，无法从display:none过渡到display:block（或任何组合）。在上面的示例中，有没有办法使第二级菜单在有人悬停在顶级菜单项上时“淡入”？我知道可以在visibility:属性上使用过渡效果，但我无法想出有效使

P粉608647033 2023-08-21 11:08:32

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中改变了标签，以使标签能够起作用。我在这个网站上查找了解决我的问题的方法。我无法让我的导航栏工作。我无法弄清楚如何在这里放置代码。如果可以帮助的话，我愿意通过消息发送我的代码。我花了超过30分钟尝试弄清楚

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

菜单项的悬停效果覆盖整个页面高度

我正在开发左侧导航。我希望悬停时红色条出现在菜单项之前。它适用于“主页”项目及其子项目，但其他根项目会导致悬停时红色条从上到下跨越页面的整个宽度。$(document).foundation();.vertical.dropdown.menu[href]>i{display:block;}.vertical.dropdown.menu[href]{display:block;text-ali

P粉029327711 2024-02-04 00:36:46

CSS 显示属性上的转换

我目前正在设计一个CSS“大型下拉”菜单-基本上是一个常规的纯CSS下拉菜单，但包含不同类型的内容。目前，CSS3过渡似乎不适用于“display”属性，即您无法从display:none到display:block（或任意组合）。当有人将鼠标悬停在顶级菜单项之一上时，是否有办法使上例中的第二层菜单“淡入”？我知道您可以在visibility:属性上使用转换，但我想不出有效使用它的方法。我也尝试过

P粉958986070 2023-08-23 12:27:32

javascript - 请教一下 better-scroll +vue 滚动的用法

是这样的，better-scroll这个组件我会使用纵向的滚动用法，但是横向的我自己研究了很久我都没有实现出来，希望大大们能指点一二. 我想实现的效果就是横向的菜单可以类似于我所标记的菜单

三叔 2017-07-05 10:44:28

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

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

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

ReactJS：动态更新悬停时的下拉菜单图标

首先，我使用“antd”React框架和tailwindCSS只是为了练习ReactJS。嗯，这是我第一次使用这个框架。因此，我决定首先尝试在悬停时使用下拉弹出菜单。其实，并不太清楚如何达到这个阶段。我当然知道使用CSS，我可以使用“hover:”attr，但是有没有在ReactJS中使用逻辑的想法？另外，我尝试阅读道具“下拉菜单的API部分”，但没有成功。即使我尝试使用onMouseEnter(

P粉877114798 2024-03-29 17:58:41

标题重写为：弹性盒子菜单和带有标题的表格 - 是否能根据表格宽度截断标题？

我想通过使用flexboxCSS来实现类似这样的效果。菜单是固定宽度的，但是表格可以自动增长，而标题不应超过表格宽度，即使它很长。换句话说，表格应该能够拉伸列容器，但标题不应该。+----+--------+|菜单|标题||+--------+||表格|+----+--------+只需一个flex列就可以轻松实现。<html><style>

P粉642920522 2023-09-06 17:30:06

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

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

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

Vanilla JS setTimeout()：识别错误行为

我的汉堡式菜单上有一个用HTML、CSS和VanillaJavaScript编写的动画。预期结果当您单击汉堡菜单按钮时，应该发生以下事件：单击汉堡菜单图标时：main旋转180°并在2000ms上沿高度缩小在2000ms通过后，菜单出现，汉堡包图标变为X单击退出按钮时：将页面再旋转180°覆盖菜单隐藏菜单：display:none;将退出按钮转换回汉堡图标实际发生的情况主要问题是由于第12-14行

P粉797855790 2024-04-02 20:44:40

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

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

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

CSS 网格：当子内容溢出列宽时创建新行

我有一个基于CSS网格的两列布局。当第二列的内容超过1fr我想创建一个新行。按照目前的情况，内容只是溢出了该列。此布局的一个要求是右侧菜单列中的项目位于一行中。我通过以下方式实现这一目标：.right-menu{...grid-auto-flow:columndense;...}如果我删除grid-auto-flow属性，溢出就会停止。但是，这些项目现在堆叠成多行，这不是我想要的。我还尝试将.ri

P粉212114661 2023-09-05 15:18:28

html5 - vue项目中vuex存储问题

实现效果：点击按钮切换左边菜单的宽度。我现在已经用Vuex存储了一个字段IsOpen,然后nav组件和menu组件都已经获取到了字段的初始值，点击nav组件按钮的时候也切换了IsOpen的值，但是改变宽度的类名没有切换。这...

迷茫 2017-06-27 09:19:31

javascript - slideToggle实现折叠菜单效果，但是怎么实现单击这个选项展开，其他选项自动折叠呢？

想要实现的是折叠菜单，但是slidetoggle 只能单击才能收起来，我要的是单击别的选项，已经展开的自动折叠，请问怎么修改？代码如下： $("> li", this).each(function () { {代码...}

某草草 2017-07-05 11:06:06

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 - vue怎么实现类似QQ的左侧滑菜单导航，如下面两图的切换效果

( www.sf.gg ) 是中国领先的开发者技术社区。我们希望为编程爱好者提供一个纯粹、高质的技术交流的平台，与开发者一起学习、交流与成长，创造属于开发者的时代！

滿天的星座 2017-06-29 10:09:57

标题重写为：如何在CSS中调整所有输入区域的文本大小（包括电子邮件注册、评论框和菜谱索引页面下拉菜单）？

网站：https://olivesfordinner.com/寻找能实现以下效果的CSS代码：在主页上输入电子邮件以注册时，使文本变大。它太小了。在菜谱帖子上留下评论时（例如：https://olivesfordinner.com/toasted-muesli-recipe/），如何使读者在输入时文本变大。同样，这个文本太小了。如何使左侧栏的下拉文本框中的文本变大。它们太小了！https://ol

P粉465675962 2023-09-14 15:17:43