css-transitions 相关问题

CSS Transitions允许CSS值的属性更改在指定的持续时间内平滑发生。

CSS3 过渡 - 淡出效果

我正在尝试用纯CSS实现“淡出”效果。这是小提琴。我确实在网上研究了几个解决方案,但是,在阅读在线文档后,我试图弄清楚......

回答 9 投票 0

给定 y 得到贝塞尔曲线上的 x

我有一条贝塞尔曲线:(0,0)、(.25,.1)、(.25,1) 和 (1,1)。 此处以图形方式显示:http://cubic-bezier.com/#.25,.1,.25,1 我们看到x轴上是时间。 这是我的未知数。这是一个单位...

回答 3 投票 0

悬停时网格项目平滑过渡

我有这个表,默认情况下为 3 列 2 行 (3x2)。当 on :hover 发生时,它变成 2 列 3 行 (2x3) 默认---(3x2): | 🐱 猪 | 🐦 皮江 | 🐢 乌龟 | | 🐟 鱼 |...

回答 1 投票 0

为什么CSS背景过渡不平滑?

我正在尝试为我的标题背景图像设置动画,但过渡并不像我在教程中看到的那样顺利。 (忽略梯度) 动画:幻灯片10s无限; @关键帧幻灯片{ 0% { 背景...

回答 3 投票 0

为什么在使用 ese-in-out 时,过渡有效,而过渡出却不起作用?

我目前正在尝试编写苹果主页网页的代码,但我在下拉菜单转换方面遇到了问题。我正在尝试向下拉列表添加过渡,以便它可以缓入缓出。然而,只有

回答 1 投票 0

需要帮助使用 CSS 实现悬停时平滑的网格项目过渡

问题: 我要么傻,要么太傻,我可能把事情复杂化了。但我感到非常沮丧,所以我正在寻求帮助。所以我有这个表,默认情况下是 3 列 2 行(...

回答 1 投票 0

Visual Studio 代码中的语法错误“expected [css-rcurlyexpected]”

我在注释行的可视代码中收到 [scss] } Expected [css-rcurlyexpected] 错误。有人知道为什么吗? @keyframes wordSlider { $步数:-0%、-25%、-50%、-75%; @for $index 来自...

回答 2 投票 0

如何通过CSS3动画淡入背景图像

我正在制作一个菜单,每个项目都有一个文本,如项目1、项目2等。悬停时背景颜色会发生变化,文本会变得透明,背景图像会被替换。我使用这段代码来缓解我...

回答 1 投票 0

切换页面幻灯片时出现空白屏幕

vue3 和 nuxt 中使用的 pageTransition。 当我转到下一页时,我将屏幕切换到translateX。 然而,当屏幕移动时,会出现与translateX 值一样多的空白空间。 我想要...

回答 1 投票 0

CSS轮播无限滚动,循环时不抖动

我有轮播的代码。问题是,当它到达循环末尾时,它会突然跳动,然后开始。有没有办法让我们可以在不注意的情况下循环启动? 这是我的代码。我不想...

回答 1 投票 0

使用 Safari 时过滤器投影失败

在使用包含过渡的下拉阴影滤镜时,我遇到了 Safari 浏览器 (~ v16.4) 的问题。 它应该从几年前就得到支持:https://caniuse.com/?search=drop-

回答 1 投票 0

如何消除使用最大高度过渡的 Css3 滑出过渡的延迟

我在滑入和滑出面板时遇到过渡问题。 请看一下下面的jsbin http://jsbin.com/uvejuj/1/ 请注意,当我单击切换按钮时,f...

回答 3 投票 0

一个输入中出现“悬停”问题[type="submit"]

任何人都可以帮助我理解为什么我的 CSS 样式没有正确应用到输入吗? .html 代码 .CSS样式 我需要实现 CSS 样式的平滑过渡,但由于某种原因...

回答 1 投票 0

CSS 转换滞后

我遇到的问题是,我的“继续结帐按钮”在移动设备上滞后 CSS 转换,它在加载完成的外观之前加载按钮填充区域为灰色和黑色。 链接到...

回答 1 投票 0

如何为Javascript转换添加延迟?

这是我的Javascript代码 - var Slideshows = document.querySelectorAll('[data-component="slideshow"]'); 幻灯片放映.forEach(initSlideShow); 函数 initSlideShow(幻灯片) { var sli...

回答 1 投票 0

在 Tailwind CSS 中制作动画选项卡?

我想制作一个动画选项卡,例如: 我正在使用 React 和 Tailwind。这是我的代码: 从“反应”导入反应 从 'clsx' 导入 clsx 导出 const 模态 = () => { const [主题,设置主题] =...

回答 3 投票 0

使用 Transitions 的 Slider Vue 组件无法获得正确的行为

我正在尝试创建一个简单的 Vue 组件,通过向左滑动一个元素并同时从右侧滑动第二个元素来替换它来交换两个元素。然后触发时反之亦然...

回答 1 投票 0

如何在 Vue.js 3 中对动态添加到列表中的元素进行动画处理?

我正在使用 Vue 3 开发一个小型 Todo 应用程序。我希望附加新的待办事项能够顺利,而不是瞬时的。 为此,我已将类 active 添加到最新的待办事项中: <

回答 2 投票 0

是否可以将 <hue-interpolation-method> 与动画或过渡一起使用?

是否可以为除渐变之外的任何内容指定a;具体来说:过渡或动画? 。盒子 { 宽度:300px; 高度:50px; } .box.gradient { 背景:线性渐变(...

回答 1 投票 0

Vuejs 视图之间的转换在一个方向上花费的时间太长

我正在尝试 VueJS。我制作了一个非常轻量级的“应用程序”,其中只有两个视图:“Home”和“MineSweeper”。在 App.vue 中,我创建了一个导航栏,其中有

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.