提问搜索_PHP中文网

社区

学习

工具库

AI工具

休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

CSS连续动画

我有以下的CSS代码；问题在于动画在我想要的方式下工作，但在10秒结束后重置，看起来很丑。理想情况下，我希望有一个无限动画，而不是重新启动，而是将图像包装起来，当图像的左侧超出画布时，从右侧回来。@keyframesscrollRight{0%{background-position-x:30%;}100%{background-position-x:130%;}}.onrir{backgroun

P粉928591383 2024-03-20 12:30:42

CSS动画名称的具体含义是指动画的填充模式

最近我尝试使用CSS制作一个动画，其中一个特定的类的不透明度从0%到100%。但是我在class="bar"的动画上遇到了一些问题。我们可以看到animation-fill-mode不仅适用于标题动画（将改变不透明度），而且也适用于bar动画。有没有办法指定animation-fill-mode的动画名称？这是我用来制作它的代码。@keyframestitle{from{-we

P粉441076405 2023-09-13 10:16:28

javascript - 发现个奇怪的问题，写的css动画当我把标签页收起时动画自动暂停了

发现个奇怪的问题，写的css动画当我把标签页收起时动画自动暂停了，再展开标签页时动画才继续播放。我是用背景图移动达到运动的效果的，是不是和这个原因有关？

给我你的怀抱 2017-06-30 09:52:30

svg动画和css3动画优劣？

RT, 通一个过渡动画效果哪些情况适合哪个方案？

曾经蜡笔没有小新 2017-05-16 13:21:17

滚动进度动画

我需要知道如何制作滚动进度动画。这不是正常的滚动进度，而是不同的东西。我将提供网站的链接以及包含我正在寻找的动画的特定部分的屏幕截图。https://todoist.com/这是网站的链接。我已附上该网站主页中特定部分的屏幕截图。滚动页面时，滚动会在该部分中发生，并且该部分会在其自身内滚动。该部分滚动完成后，继续正常滚动。我可以看到很多关于滚动进度条的教程，但看不到这种特殊风格的动画

P粉821808309 2024-03-29 19:36:49

反应模态的滑动动画

我已经在react和css中实现了一个模态，目前，当我打开它时，我已经实现了一个向上滑动的动画，其中模态从底部向上滑动，但是当我关闭它时我希望它向下滑动，我无法弄清楚如何准确创建向下滑动的动画，有人可以帮忙吗？代码=>import"./styles.css";importreact,{useState}from"react";exportdefault

P粉514458863 2023-08-30 22:49:29

objective-c - iOS 动画执行中退出后台再进入前台，动画消失了

iOS 动画执行中退出后台再进入前台，动画消失了，动画采用的是 [UIView beginAnimations:nil context:nil]; {代码...} [UIView commitAnimations];这种方式实现的，谁碰到过类似问题？

漂亮男人 2017-05-02 09:32:04

保持CSS动画在结束时的最终状态

我正在对一些在CSS中设置为opacity:0;的元素运行动画。动画类被应用于onClick事件，使用关键帧，它将不透明度从0变为1（以及其他一些变化）。不幸的是，当动画结束时，元素会回到opacity:0的状态（在Firefox和Chrome中都是如此）。我本能地认为动画元素会保持最终状态，覆盖它们的原始属性。这不是真的吗？如果不是，我该如何使元素保持最终状态？代码（不包括前缀版本）：@keyf

P粉950128819 2023-08-20 18:36:55

javascript - css动画的几点问题？

看了一篇文章http://blog.csdn.net/ClaireKe... 关于reflow和repaint的。有几点疑惑： 1.浏览器机制里，刷新这个操作肯定是会 reflow（回流）和repaint（重绘）的？ 2.如果页面包含了css动画，诸如`div { {代码...

为情所困 2017-05-18 10:49:05

angular.js - 如何在CSS动画结束后做一些清理工作？

在研究angularjs的动画，基本的方法就是添加一些类进行动画的控制，例如：ng-enter，ng-enter-active等。但是搞不清在动画结束后是如何把这些去掉的呢？ {代码...} 我想这样的好处是把ng-enter作为动画的开关，启...

phpcn_u1582 2017-05-15 16:58:47

javascript - CSS轮播切换动画

如图用JS写的一个动画，设置了过度效果，就会出现这样的情况，这中情况JS怎么更改？ {代码...}

習慣沉默 2017-06-12 09:33:00

javascript - 两个swiper进行嵌套外层swiper动画初始的时候，动画元素被隐藏不显示

初始状态滑动到第二页再划回来动画元素出现，动画正常播放 JS 代码

我想大声告诉你 2017-05-19 10:32:28

html5 - 用css动画方式描述:一个球弹起落下(持续时间2s,,执行一次)

用css动画方式描述:一个球弹起落下(持续时间2s,,执行一次)

巴扎黑 2017-05-16 13:44:36

javascript - 请问要如何让构件依时间转动(动画)？

请问有办法让一个构件在画面上像动画一样一直转动吗？ Autodesk Forge 微信讨论群 – pochao 提问

phpcn_u1582 2017-05-19 10:09:55

如何使用CSS制作渐变动画

我想要平滑地移动我的具有多种颜色的渐变，但问题是动画不平滑。它只是在每一步中改变位置。<style>.animated{width:300px;height:300px;border:1pxsolidblack;animation:gra5sinfinite;animation-direction:reverse;-webkit-animation:gra5sinfinite;-web

P粉909476457 2023-09-18 09:47:10

使用React和内联CSS的苹果动画问题

我试图在React中使用HTML和CSS重新创建这个动画，使用内联样式和TypeScript。我正在创建一个带有样式信息的对象，并在style属性中引用它。下面是代码。它不起作用，我不确定我做错了什么，我怀疑样式没有正确定义和引用？这是我尝试重写的原始Codepen示例:Apple动画这是我的代码importReactfrom'react';conststyles={'@keyframesshow

P粉729436537 2024-01-10 17:08:30

javascript - 移动端css动画播放状态暂停在ios不起作用 animation-play-state

移动端css动画播放状态暂停在ios不起作用 animation-play-state 我想点击图片图片静止，再点一下图片继续旋转。在安卓手机上可以实现，但是在ios,第一次点击图片继续旋转，没有静止动作，反而在第二点击的时候，...

给我你的怀抱 2017-06-26 10:53:05

如何使 CSS 动画在每次将后续类添加到元素时运行

我有一个CSS动画类设置，因此我可以为元素设置动画。当单击输入按钮时，该类将添加到中，我希望每次单击示例中的输入按钮时，都会飞到屏幕上。但是，它仅在第一次有效，任何后续的输入单击都不会使元素产生动画。我在这里缺少什么？$(document).ready(function(){jQuery('#cloc').click(function(){jQuery('p').removeClass('anim

P粉714780768 2023-09-09 22:36:42

CSS 动画从左到右看起来越来越近和越来越远，模拟转盘盘上玻璃正面的运动

我正在尝试创建一个CSS动画，该动画从左向右水平移动，同时看起来越来越近和越来越远，模拟从前面看转盘盘上的玻璃的运动。我已经接近了，但它看起来仍然不正确，目前看起来它沿着菱形而不是圆形移动。这是我尝试过的...roll{display:block;width:100px;height:100px;background:red;margin:10pxauto10pxauto;animation:ro

P粉208469050 2023-09-04 21:59:55

CSS动画不会渐渐消失

我在尝试解决一个简单的动画问题，即在悬停时背景图像淡入淡出。尽管我已经定义了关键帧，但网页浏览器显示未定义：.elementor-section.elementor-element.core-range>.elementor-container:hover.product-image::before{animation:coreRangeBackground0.3sease-in-out0.

P粉352408038 2023-08-18 16:45:01