CSS显示属性的渐变效果

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

P粉608647033 2023-08-21 11:08:32 0  2  606

thinkPHP引入css无效

css效果怎么也显示不出来啊  哪里不对啊

boluo 2020-06-06 21:21:54 0  4  1392

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

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

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

学习如何通过CSS修改块的边缘实现羽化效果

如何修改我的CSS，使盒子的边缘具有羽化模糊效果？我希望盒子的背景具有磨砂玻璃效果，而不是周围的锐利边缘，而是具有羽化效果，可以逐渐与背景融合，但我不知道如何修改当前的CSS。希望能得到你的帮助，谢谢。.wrap{position:relative;width:100%;height:100vh;background-image:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07 0  1  743

javascript - JS事件冒泡问题

结案：改用CSS来实现此动效了。 谢谢各位的帮助，改用CSS来现实此动效了。 1、我在下述代码中监听了a标签的mouseover和mouseout事件来触发canvas动画，在mouseover、mouseout的回调中阻止了事件冒泡，但当鼠标移...

学习ing 2017-06-12 09:32:56 0  3  845

javascript - 阿里云的这个效果是怎么实现的？

下面是阿里云网站的链接，它里面有一快地方的切换效果是怎么实现的？看css里看不出来： 网站链接地址

大家讲道理 2017-06-12 09:32:10 0  3  973

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

javascript - vue过渡效果 css过渡 类名的先后顺序

给一个元素设计过渡,理想效果是出现时高度递增，消失是高度递减。设计的代码如下： {代码...} 结果元素出现时，高度直接到达100px，消失时正常，修改代码的顺序如下： {代码...} 问题解决了，不明白顺序为什么会...

黄舟 2017-06-26 10:55:15 0  4  691

实现多个CSS过渡效果的方法

这是一个非常直接的问题，但是我找不到关于CSS过渡属性的很好的文档。以下是CSS片段：.nava{text-transform:uppercase;text-decoration:none;color:#d3d3d3;line-height:1.5em;font-size:.8em;display:block;text-align:center;text-shadow:0-1.5em0rgba(2

P粉258788831 2023-08-22 11:00:36 0  2  484

后端开发 - mysql按时间分段统计的sql语句怎么写好？

我的数据库表结构如下： 字段分别是ID，NUM1,NUM2, TIME1，TIME2, MONEY. 想要按照15分钟为间隔来统计ID的数量。效果如同下面的sql语句。 {代码...} 但是像上面那么写重复代码多，并且如果我改成30分钟的话，就要...

黄舟 2017-05-25 15:08:22 0  3  1004

标题重写为：如何使列表项与上方的文本对齐？

使用无效的HTML，我可以得到我想要的外观，但使用有效的HTML则不行。是否有CSS可以让我配置<FIGURE>或<FIGCAPTION>以模拟<SPAN>的效果？我希望它的外观在左边，有效的HTML在右边。无效的HTML：body{margin:auto;padding:05px05px;font-family:Tahoma,Verdana,sans-seri

P粉463840170 2023-09-09 15:47:47 0  2  625

html - 元素在谷歌和火狐浏览器里面显示的效果不一样，想要用css hack解决？

div元素的高度在谷歌和火狐浏览器里面显示的效果不一样，想要用css hack解决, 可是这两段代码不起作用，有大神解释一下嘛。。。

淡淡烟草味 2017-06-17 09:16:40 0  2  999

javascript - 如何彻底禁止平板电脑上浏览器的手势缩放功能

在平板电脑上、因为有多点触控功能所以可以直接通过手势进行放大缩小功能但是目前希望要禁掉这个效果、然而各种方法都试过似乎就是不行而且这个缩放和PC端CTRL+滚轮的缩放还不是一个机制 最后最靠谱的是一个css控...

怪我咯 2017-06-30 09:57:23 0  1  1121

css修改图片路径，不起作用

静态网站中修改了css中图片路径，然后上传到服务器，打开网站后，显示的是原来没有修改之前的效果，单独打开图片是可以打开的，修改的图片是绝对路径，这种应该如何处理，谢谢！

PHP中文网用户-5675994 2023-07-20 22:29:02 0  0  1687

CSS技巧：创建水平线和居中文字

我正在尝试制作一个带有一些文本的水平分隔线。例如：-----------------------------------这里是我的标题-----------------------------有没有办法在CSS中实现这个效果？显然不需要使用所有的"-"破折号。

P粉248602298 2023-08-20 15:11:18 0  2  523

javascript - 如何禁止sarafi、IE在移动端出现的橡皮筋效果

在ios上的safari浏览器中，当网页滚动到最顶端的时候，还可以像橡皮筋一样再滚动一段距离，松手后回弹。在window的平板上也有这个效果。 请问怎么用css禁止这个效果，因为很多时候会影响页面内部的滚动。据我所知...

大家讲道理 2017-05-19 10:12:15 0  1  645

对Woocommerce中的"Change checkout table order review section"进行中文翻译，可称为"修改Woocommerce结账表格订单审核部分"

我按照我们朋友的解决方案在Woocommerce中更改了结账订单审查部分，现在我只需要编辑付款后的信息表的CSS，我应该在哪个文件中更改这个表的CSS？我希望它能够右对齐在页面顶部，我已经尝试使用选择器本身和id：display:flex;align-items:right;但是没有效果

P粉904450959 2023-08-28 16:41:39 0  1  512

javascript - 一个click事件的bug不知道哪里出错了

1、当图片滚动嘴右侧后，再快速点击左侧箭头时，放大镜功能失效，其它情况下貌似随便怎么点都没有问题。 查不出哪里出问题了，使用了stop(),和clearQueue()，也没有效果 html代码 {代码...} css {代码...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  1009

手机上的按钮保持焦点或活动状态，导致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  547

css3 - CSS过渡效果导致文字模糊或抖动？

直接上gif图吧： 代码： 模版： {代码...} CSS: {代码...} 去掉了一些不相关的样式，现在已知的情况是在Chrome中下拉框右侧小三角的过渡效果导致文字模糊和抖动的，如果给加上backface-visibility: hidden;，文字...

ringa_lee 2017-05-24 11:35:53 0  2  2466