无法使用CSS动画设置元素的宽度动画

文章/答案/技术大牛

发布

1回答

使用jQuery动画时跟踪元素的宽度

jquery

如果我用jQuery动画“动画()”动画一个HTML元素的宽度，我如何跟踪动态增加的宽度。例如，我有一个HTML元素'‘，CSS设置为'div {width: 10%;}’我正在用jquery增加“”的宽度</

浏览 1提问于2015-09-16得票数 1

回答已采纳

1回答

html、css

我在CSS中使用动画，但它不工作。如果我检查检查菜单，它显示无效语法，即使语法是正常的。我有另外两个动画，但它们工作得很好。只有我试图调整宽度的特定动画不起作用。

浏览 59提问于2021-07-30得票数 0

3回答

jQuery会在两个不同的CSS类之间生成动画吗？

javascript、jquery、css、dom

例如，如果我有一个带有CSS的a元素，它看起来像一个可点击的图像，并且在CSS中有一个给定的with和height，我如何安全地动画这个元素的width和height？是否需要对CSS类中的值进行动画处理？或者我需要用width和height的目标值设置一个新的CSS类，并让jQuery从oldClass<em

浏览 0提问于2013-06-17得票数 6

回答已采纳

1回答

反应元件宽度动画

javascript、css、reactjs、animation

在基于反应的应用程序中，我试图执行一个简单的css3宽度转换，例如： transition: width 1s ease-in-out;我想要做的是在react组件中的元素中设置一个样式，即“宽度: xx%”，并将其从0%动画化到xx%。由于元素在呈现时已经具有此属性，因此动画无法工作。我已经研究过"ReactCSSTrans

浏览 3提问于2017-03-30得票数 4

3回答

CSS:有没有可能用动画放大CSS中的元素？

animation、css

现在CSS动画几乎是如火如荼，我想在CSS中做一些类似的事情:当鼠标经过一个元素(.box)时，它会被一个动画放大，它的中心保持在同一位置，所有其他元素保持在原来的位置。如果我知道元素的宽度，我想我可以对每个元素使用一个包装器元素，并使用元素的相对位置(.box)，并为它的<

浏览 2提问于2012-02-11得票数 6

回答已采纳

1回答

如何排除坏的jQuery动画

javascript、jquery、html、css

最近，我正在为一个需要一些元素动画的网站模板编写代码。当然，我决定启动我的jQuery并使用它的一些标准库来动画我的div。在本例中，我希望使用slideUp()函数。当我对其进行编码并进行了一次试验时，我注意到动画非常不稳定，所以我决定在这里和网上寻找线索，结果显示得相当短。的问题提供了一些提示，但我并没有真正使用它。因此，我想知道:过去，你是如何处理每一种情况的</e

浏览 1提问于2014-12-16得票数 0

回答已采纳

2回答

使用css转换将对象跨父对象的宽度动画。

css、animation、transform、translate-animation

我正在努力提高我的动画性能，使用css转换来转换一个元素在100%宽度包装中的位置。所以它从左边进入屏幕，然后在右边退出，然后再重复动画。@keyframes moveme { 0% {

浏览 2提问于2014-12-15得票数 6

回答已采纳

1回答

将图像拆分成单独的行

javascript、image、canvas、background

我正在尝试创建一个无法使用CSS转换、CSS过滤器或随时间改变CSS属性的动画效果(jquery动画样式)A)为图像的每一行创建一个DIV，将图像设置为每个DIV的背景，并使用background-position使每行仅显示背景图像的

浏览 0提问于2017-06-21得票数 0

3回答

当文本更改时设置按钮宽度动画

javascript、html、css、reactjs

我想要动画按钮的宽度时，它的文本更改。我知道我不能使用宽度自动来做这件事。由于某些原因，宽度设置正确，但动画不起作用。如果我在Chrome开发者工具上编辑CSS，并将

浏览 0提问于2019-08-14得票数 4

4回答

JQuery无法在“转发”css动画后对div进行动画处理

javascript、jquery、html、css、animation

参见示例在本例中，css动画在框的宽度上播放。OnClick，JQuery动画试图缩小框的宽度和高度，但只更改高度。这是密码。$(".a").click(function(e) { width: "-=100p

浏览 4提问于2014-12-24得票数 2

回答已采纳

3回答

如何使用jquery .animate()模拟“文本对齐:右”

jquery

我正在构建一个非常简单的jquery菜单。在悬停时，我在菜单容器的左边有一个菜单。这很容易，因为文本在所述容器内左对齐。但是，我在左边也有一个菜单，因为链接(左对齐)的长度不同，所以我能做的最好的事情就是调整填充，使链接之间的文本均匀。因此，长链接文本放在容器的右边，买短文本只会让它走到一半。我当然会试着这样做： $('#selector').css('text-align':'right')

浏览 2提问于2012-03-23得票数 3

回答已采纳

2回答

jQuery动画与文本对齐中心

jquery、css

我一直在为一个没有固定高度和宽度的盒子做动画。到目前为止，它还在起作用，有个小问题。De代码在下面，下面是要演示的。(我已将动画设置为1500，以使问题更加明显)。我想要的--如果可能的话--是在中间的</

浏览 2提问于2014-09-01得票数 0

回答已采纳

6回答

jQuery动画功能不适用于显示和-webkit-transform属性

javascript、jquery

以下代码适用于除display和-webkit-transform属性之外的所有属性。

浏览 2提问于2013-04-04得票数 1

1回答

CSS3无限循环动画

html、css

我正在尝试创建类似于此的无限循环动画的CSS/HTML横幅。我的横幅是全宽的，它应该占据整个屏幕的宽度。但目前，样例动画有固定宽度的包装器。margin-left: -600px; background: #9cfcf0;} 现在，如果我<em

浏览 1提问于2015-02-27得票数 0

1回答

可以一直使用0持续时间的.animate吗？还有更好的选择吗？

javascript、jquery、html

我已经习惯于通过以下操作编写jquery动画代码。使用具有适当持续时间的</e

浏览 0提问于2013-07-16得票数 7

回答已采纳

1回答

如何用jQuery动画显示点击链接的边框？

jquery、jquery-animate

我是jQuery的新手。我一直在试图弄清楚动画功能，但它仍然不起作用。<a href="#">Click me</a> $('a').on('click', function(){

浏览 0提问于2013-07-12得票数 1

回答已采纳

1回答

动画-duraction取决于纯css3的宽度

css、animation、keyframe

有没有可能用纯css根据元素的宽度来计算动画持续时间？我有一个字幕动画。我希望动画持续时间取决于文本本身的长度(宽度)。有没有可能不使用js？

浏览 3提问于2017-03-29得票数 1

2回答

元素css遵循jquery声明，而不是样式表

javascript、jquery、html、css、dom

我最初在我的.css样式表中有以下代码： #main_panel { #main_panel { }然后，在一些用户交互之后，此jQuery命令更改此CSS-value$("#main_panel").animate({width: "500px&quo

浏览 0提问于2014-01-23得票数 3

2回答

如何尽早结束CSS动画？

javascript、css、animation

我正在使用CSS动画制作一个进度条。但是，是添加类以使进度栏100%宽度(动画的最终状态)无法工作的超时，不

浏览 3提问于2017-05-18得票数 1

回答已采纳

1回答

带有element.animate()的曲线上的动画元素

javascript、web-animations

我需要将元素在路径上的翻译动画化，如下所示：现在，我正在使用一个回调，它计算曲线上的位置，然后通过内联CSS translate3d()设置元素位置。虽然与CSS动画相比，它的性能更差，而且非常冗长，但这是可行的。当目标只在运行时知道时，似乎是一个很好的新选项，可以对元素进行动画化，但是我无法找到

浏览 0提问于2014-06-20得票数 2

点击加载更多

使用jQuery动画时跟踪元素的宽度