css-transitions 相关问题

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

在 CSS 中，我希望在文本下方添加下划线，但文本可以根据用户输入而变短或变长，并且点下划线必须绘制到行尾（第 A4 页）。 ... 在 CSS 中，我希望在文本下方添加下划线，但文本可以根据用户输入而变短或变长，并且点下划线必须绘制到行尾（第 A4 页）。 I come from ៖ USA 我的代码仅返回带下划线的文本下方的虚线下划线。 1. 如果您希望整行加下划线，您需要为文本设置width: 100%;，以便将边框绘制到行尾。 .underline{ width: 100%; border-bottom: 1px dashed #999; } I come from USA 2. 如果您希望下划线从文本中间开始到行尾，您可以使用 ul 和 li 并排放置文本的两个部分，然后使用 width: calc(100% - 100px); 来定位要添加下划线的文本部分。 100px 被减去是因为文本的第一部分没有下划线，因此如果文本的无下划线部分较长，则需要根据其宽度减去更大的部分。 .underline { width: calc(100% - 100px); border-bottom: 1px dashed #999; } ul { list-style-type: none; padding-left: 0; } li p { display: inline-block; } <ul> <li> I come from USA </li> </ul>

html css css-transitions

回答 1 投票 0

如何用window.scrollTo()实现平滑效果

我可以使用以下命令滚动到 200px btn.addEventListener("点击", function(){ window.scrollTo(0,200); }) 但我想要一个平滑的滚动效果。我该怎么做？

javascript css scroll css-animations css-transitions

回答 3 投票 0

如何使用JS文件添加转场

我正在开发一个网格布局项目。在此项目中，当您将鼠标悬停在元素上时，元素行会增加，因此大小也会增加。问题是这样做的时候变化非常快，我......

html grid css-transitions transition

回答 1 投票 0

如何让 css 转换不影响我的 javascript

我有一个跟随光标的圆圈，当我将鼠标悬停在任何文本上时，我还使其展开。问题是当我尝试添加转换时：2s;到CSS使其顺利扩展。当我添加它时

javascript css css-animations css-transitions

回答 1 投票 0

CSS3 过渡 - 淡出效果

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

css css-transitions

回答 9 投票 0

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

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

javascript css-transitions bezier cubic

回答 3 投票 0

悬停时网格项目平滑过渡

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

css css-animations css-transitions css-grid css-animation-direction

回答 1 投票 0

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

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

css css-animations css-transitions

回答 3 投票 0

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

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

javascript html css css-transitions

回答 1 投票 0

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

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

css css-animations css-transitions css-grid css-animation-direction

回答 1 投票 0

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

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

css sass css-transitions css-animations

回答 2 投票 0

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

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

css animation background-image css-transitions css-animations

回答 1 投票 0

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

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

vue.js vuejs3 nuxt.js css-transitions

回答 1 投票 0

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

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

html css css-transitions

回答 1 投票 0

使用 Safari 时过滤器投影失败

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

css filter safari css-transitions dropshadow

回答 1 投票 0

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

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

css-transitions

回答 3 投票 0

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

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

html css hover css-transitions

回答 1 投票 0

CSS 转换滞后

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

css css-transitions

回答 1 投票 0

如何为Javascript转换添加延迟？

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

javascript css css-animations css-transitions

回答 1 投票 0

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

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

html css reactjs css-transitions tailwind-css

回答 3 投票 0

css-transitions 相关问题

最新问题