CSS -来回设置css设置的动画

文章/答案/技术大牛

发布

1回答

css、css-animations

如果您将鼠标悬停在我的示例中的框上，则小框的颜色会慢慢从红色变为黄色。但是如果你停止悬停，它会立即跳回红色。 background-color: yellow;} <div class="subcontainer"> </div> 怎样才能防止这种瞬间的颜色变化

浏览 39提问于2020-01-21得票数 1

回答已采纳

1回答

现代认为Android 2.3.5浏览器支持CSS动画

android、css-animations、modernizr、android-browser

我使用了现代版来回退到CSS动画，但它似乎认为Android 2.3.5中的浏览器支持动画。这意味着用户会被困在页面上。 if ($('html').hasClass('cssanimations')) alert(

浏览 1提问于2013-11-18得票数 0

1回答

Android动画中的正常、反向、交替、交替

android、html、css-animations、android-animation

动画方向CSS属性设置动画是否应该在前后播放序列之间来回播放。是否有可能为Android动画编写一个符合CSS动画方向的正常、反向、交替、交替的逆向值的代码？

浏览 3提问于2021-09-28得票数 0

1回答

使用样式组件，如何使用长格式的css动画语法来拥有多个关键帧动画？

javascript、css-animations、styled-components

因此，当通过longform声明创建动画并具有多个指定名称时： const animationNameCss = css`` animation-timing-function: linear; `; 仅执行第一个动画这是与连接标记的模板有关，还是仅仅是样式组件不支持？其目的是创建多个动画<

浏览 9提问于2021-10-07得票数 0

回答已采纳

2回答

设置背面css动画

html、css、animation

我写了下面的css动画： from { }webkit-animation: shadow 0.4s linear 0.5s 1 alternate;} 你可以在这里看到结果： (右边的3个圆圈)，但是，当你在悬停后离开社交框的字段时，文本颜色就会跳回透明。

浏览 1提问于2014-09-11得票数 0

3回答

点击时来回运行css动画。

css、css-animations、keyframe

使用css @keyframes，我试图在单击元素时将一些动画附加到元素上。但是现在当我再次点击它(切换功能)时，我想要将动画恢复到灰色。我尝试使用相同的动画使用animation-direction: reverse，但没有播放动画。动画最初不应该播放(我遇到过几次)。

浏览 1提问于2018-03-30得票数 8

回答已采纳

1回答

我正在尝试设置一个css动画，它将在Chrome，Firefox，Safari和Opera中工作，在保持整体宽度以适应页面的同时，来回显示一些彩色条的宽度。我在上设置了一个演示如果你在Chrome中打开它，它的工作方式与我想要的完全一样，它会粘在页面的边缘(不管它的宽度如何，所以它将在响应式布局中工作)。然而，在火狐、Safari和Opera中，animation: bulge4 7s infinite alternate-reve

浏览 0提问于2012-08-09得票数 1

4回答

如何在div上获得翻转效果

javascript、jquery、jquery-ui、html、jquery-effects

我想要得到一个翻转div的jQuery UI效果。你会注意到整个注册div翻到了它的后面。我该如何达到这个效果呢？

浏览 11提问于2013-07-02得票数 0

1回答

Javascript / CSS* - CSS动画后的旋转*

javascript、css、animation、rotation

我现在正在摆弄CSS动画，我遇到了一些我不理解的行为。我有一个div容器，我给它设置了一个无限的CSS动画。动画只会来回旋转div。在任何给定的点上，我都想手动地将div的旋转调整为一个特定的绝对角度(在我的例子中是-90度)。我遇到的问题是，每当我(或animejs)试图在CSS动画开始后将旋转设置

浏览 16提问于2021-02-14得票数 0

回答已采纳

1回答

设置CSS动画的边界

css、animation

我有明显的差距，在我的CSS经验。虽然我可以很容易地应用和扩展我所知道的内容，但我错过了这些条件，甚至可以搜索我不知道的内容。所以，我已经使用了的一部分，但是我不知道如何限制像bounceInUp这样的动画的界限。当动画发生时，过渡似乎没有界限。我想限制动画的边界，以便它在容器中启动和完成。我在这里想做什么？限制边界，剪辑动画，掩盖它？我一直在挖，还没找到我要找

浏览 3提问于2016-08-15得票数 0

回答已采纳

1回答

如何设置css3动画内联或javascript？

javascript、css、mvvm、css-animations、keyframe

我想将css3动画效果设置为多元素，但动画位置与元素的数量有关，这是不确定的。我必须通过js (可能是mvvm框架)来设置css样式。-webkit-keyframes position { 100% {left: 5*elementCounts px;}我发现没有办法通过data-*来设置css属性，也没有办法添加定义内联的内联css

浏览 2提问于2015-02-12得票数 0

1回答

jQuery:使用CSS动画动态元素？

javascript、jquery、css、animation

我正在尝试使用jquery和CSS使页面上的元素具有动画效果。我的问题是，元素根本不能正确地进行动画处理。他们实际上是在眨眼，来回来回，然后动画，这是不需要的。这是一个可以更好地解释这个问题的有效方法：这是我的整个jquery代码： $.each($(&#

浏览 19提问于2017-03-14得票数 1

回答已采纳

1回答

使用jQuery.scroll()检测滚动高度

jquery、scroll

当我执行下面的代码时，它在没有"else“的情况下工作-然后在滚动700px后显示div。感谢您的帮助。

浏览 0提问于2013-03-24得票数 0

回答已采纳

2回答

如果浏览器不支持css3，如何提供不同的样式表？

jquery、css

我在我的网站上添加了很多css3的关键帧动画。假设我从左到右设置了一个div动画。最初，这个div的位置是-50px，我将动画设置为0px，但是如果浏览器不支持css3，用户将看到div的位置是-50px，这是不好的。我如何做一些事情，比如：如果支持css3 { css1.css否则{ css2.cs

浏览 8提问于2012-08-04得票数 1

2回答

用javascript动画CSS3变换值会排除硬件加速吗？

javascript、animation、css、jquery-animate

通过设置动画持续时间并设置CSS3变换的初始值和终值，可以利用硬件加速动画。如果不是设置动画持续时间和使用关键帧，而是直接使用JavaScript为所需CSS3变换的值设置动画，会发生什么情况？

浏览 1提问于2012-01-09得票数 6

回答已采纳

4回答

如何将CSS翻译添加到现有翻译中？

javascript、css、css-transforms

我正在使用CSS翻译在屏幕上放置一个DIV元素。这是很好的工作，除了当相同的元素被取代以后，原来的位移被丢弃。使用javascript设置CSS起始位置在使用javascript随机设置起始位置之后，CSS动画就会重新设置它CSS动画 @keyframes test

浏览 1提问于2017-04-17得票数 4

3回答

使用CSS设置高度动画

javascript、css、animation

我正在尝试动画一个没有指定高度的div的高度。我不能像许多答案所建议的那样做max-height，因为有多个高度值。如何将动画添加到高度？我强烈喜欢css，但如果这不可能，如果我完全必须使用JavaScript，我会这样做。

浏览 3提问于2016-03-09得票数 2

1回答

CSS过渡未设置动画

javascript、jquery、html、css、css-transitions

不在任何浏览器中对过渡进行动画处理。感谢您的关注！HTML<script</div>#appfooter { position:fix

浏览 3提问于2012-12-12得票数 1

回答已采纳

2回答

为css反射设置动画

css、webkit

我画了一个图标，并在css中有一个悬停状态，它播放webkit动画以使图标反弹。我想让反射反向反弹，这样它就会停留在地面上，而不是跟随图标，但是反射属性不会有动画效果。有关我的代码，请参阅此jsfiddle：仅供参考，这使用了一个webkit反射，因此您需要一个webkit浏览器来查看它。

浏览 0提问于2011-12-19得票数 4

3回答

用于在滚动时让元素在屏幕上/屏幕外“飞”的插件

javascript、jquery、html、animation、plugins

为了更好地描述:我想象了一个很长的垂直滚动页面，其中所有内容都在小的“内容框”中，然后由于不同的操作(在本例中是滚动的结果)，我希望这些框能够飞到屏幕上或飞出屏幕。也许这可以被描述为jQuery动画和视差滚动之间的某种交叉？我觉得我以前在什么地方见过这种效果，我就是不记得在哪里……

浏览 1提问于2011-12-03得票数 0

回答已采纳

点击加载更多