这种卡片效果使用JavaScript+css3该怎么实现？

请问有做过这种效果的大神么？效果参见最美有物App：http://www.25xt.com/?p=12539。在网上我就只收到安卓和IOS的代码：https://github.com/ZieIony/Ma...，但是我看不懂。希望大家如果有看到相关的demo能分享下...

淡淡烟草味 2017-05-18 10:55:57 0  2  608

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

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

P粉548512637 2024-04-01 21:51:26 0  1  552

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

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

P粉203792468 2023-08-15 23:49:58 0  1  503

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

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

P粉940538947 2023-09-06 20:29:59 0  1  577

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

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

P粉996763314 2023-11-04 11:04:23 0  1  764

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

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

P粉546257913 2024-04-04 11:55:21 0  2  454

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

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

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

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

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

javascript - REACT组件的样式问题

如图所示的三按钮组件，只用原生JS和REACT怎么才能比较简洁的写出点击一个其中一个按钮，让其中一个按钮的样式发生变化。并且点击其他按钮的时候，可以有同样的效果（即清除另外两个的样式，添加点击按钮的样式）

巴扎黑 2017-07-05 10:50:54 0  3  877

使用特殊光标更改悬停时的文本

请指导我如何更改悬停时的文本，类似于monopo网站。我不需要背景。只需简单的圆形效果（如彩色背景）和文本更改即可。此外，如果可能的话，我希望该效果仅在名为“about”的div中激活。网站链接：https://monopo.london/

P粉665427988 2023-09-05 23:47:42 0  1  560

手机上的按钮保持焦点或活动状态，导致CSS动画出现问题

我正在尝试在每次点击按钮时实现动画效果，它在桌面上运行良好，但在手机上无法实现相同效果。我必须先点击按钮，然后点击其他地方以取消CSS的焦点状态，然后再次点击按钮以获得动画效果。以下是代码片段。.btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  522

javascript - 小白有点混乱，为何js里面可以直接用checked=true来给标签添加效果呢？

比如说：我需要用js给按钮添加一个已选择的效果。 在js里面为何可以直接用 oDiv.checked = true ?来添加已选择的效果 ？ 为啥不需要中间加一个style？ 如果是颜色就是这样 oDiv.style.color ="red" ?

阿神 2017-06-26 10:55:27 0  2  760

javascript - js做过渡效果是怎么样做的？

小白对js不太熟悉，那么请问，我如果js来做点击按钮，然后div经过5s移动到右边500px的地方，这种效果的制作思路是啥？ 是先写好一个class，让这些效果完全都达到了，然后用js来切换className么？ 但是在点击事件...

滿天的星座 2017-06-26 10:54:58 0  6  967

隐藏元素的ReactJS使用方法

我想在屏幕上显示一段文本，并且只有在按下按钮时才隐藏，但我不知道如何做。我想使用useState来实现这个效果：const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>我发现的问题是，当点击按钮时，页面会重新渲染，可见性的值将会变为默认

P粉136356287 2023-09-07 19:21:22 0  2  496

当bootstrap按钮处于活动状态时，为每个按钮添加阴影/边框的CSS

我正在使用React框架创建前端，并使用Bootstrap5.3进行设计。根据我的理解，Bootstrap现在作为标准已经取消了阴影效果。所以，如果按钮处于激活状态，按钮将不会显示阴影/边框，就像在Bootstrapv5.0文档中所示。https://getbootstrap.com/docs/5.0/components/buttons/不幸的是，我不知道如何直接在代码中自定义单个按钮。是否可以

P粉256487077 2023-08-17 23:54:27 0  1  500

javascript - 显示与隐藏动画有什么好的方案吗？

例子 就像这个动画一样的效果，div先是隐藏的，点击按钮后显示并且有动画效果，隐藏的时候同样。但我绝对我写的太复杂，有没有更简单的方案呢（不要第三方库）！

阿神 2017-06-30 09:59:55 0  5  1047

swift - ios键盘出现或者消失的问题

想要达到的效果是当键盘出现的时候，底部的button和label会自动上挪，处于键盘上方的位置。而当键盘消失的时候，button和label会自动回到底部。 我用的是添加scrollView的方法，然后监控键盘的状态，但是遇到的问...

过去多啦不再A梦 2017-06-06 09:53:33 0  1  898

在PHP中，未预料到的变量 $sql 导致了一个异常错误。

我原以为我已经写好了完整的代码，而且没有错误，但为什么它一直显示这样的错误？我尝试了从检查分号和其他东西开始，还尝试了重命名 $sql 变量，并且在第28行按钮也没有效果。这是代码的截图。对于图像质量的问题我很抱歉。

P粉781235689 2023-08-02 14:50:45 0  1  464

如何在网站上添加具有渐变边框的按钮

我的问题是按钮显示得非常小，而且我在下面调整高度或宽度没有任何效果。我已经将代码输入到我的WordPress网站中使用Elementor，我只是拖动了一个HTML小部件并粘贴了下面的代码。.container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-colo

P粉621033928 2023-09-05 20:41:10 0  1  589