提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

滚动进度动画

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

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

svg动画和css3动画优劣？

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

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

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

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

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

CSS连续动画

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

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

反应模态的滑动动画

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

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

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

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

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

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

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

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

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

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

phpcn_u1582 2017-05-19 10:09:55

javascript - transition height auto 过渡动画

1.为什么收缩时，没有动画效果？ 2.代码 {代码...} 3.在线Demo(己解决)

大家讲道理 2017-05-16 13:21:31

在Vue.js中，点击按钮随机生成动画

我有三个lottie播放器json动画文件-congratulations1.json、congratulations2.json和congratulations3.json动画如下：恭喜1：<lottie-playerv-if="showPlayer1"class="justify-content-center"src="../../../

P粉722521204 2024-03-27 23:57:52

如何使动画在悬停时暂停，但一旦鼠标离开动画继续

我已经厌倦了几个解决方案，这是我得到的最接近的解决方案。但我仍然不满意结果如何，因为当鼠标离开元素时，元素会恢复到原来的旋转状态。这个想法是，如果你越过该元素，即使鼠标离开该元素，它也会触发动画。如果你将鼠标悬停在元素上，它会播放动画并保持在0度，一旦鼠标离开，另一个动画就会播放，并旋转回-8度。constelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54

android - recyclerview item中的进度条动画

写一个demo 想在recyclerview中的item 中的进度条有动画效果就用不断设置setProgress()的方式来写了，可是在实际过程中，会发生动画播放在不正确的item上即使我判断如果item是被复用的话则取消也无能为力。。 ...

扔个三星炸死你 2017-06-08 11:02:32

javascript - CSS轮播切换动画

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

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

如何在 Next.js 13 中导入动画 SVG 文件，同时保持透明度和动画？

在Next.js13中导入动画SVG文件importImagefrom"next/image";exportdefaultfunctionHome(){return(<mainclassName="flexh-screenflex-colitems-center"><divclassName="containermt-12flex

P粉322106755 2024-03-27 13:38:40

javascript - 关于页面的loading动画效果没有显示？

1.现在做的项目是数据表页面，由于后台查询时间较长，所以为了提高下用户体验，加一个load动画过度。loading动画用的插件，使用测试没有问题，但是在方法执行的过程中，发现动画效果并没有。2.直接贴代码。js入门...

迷茫 2017-05-19 10:18:28

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

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

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

可以禁用滑块跟踪动画吗？

MUI有一个滑块组件：https://mui.com/material-ui/react-slider/我正在尝试找出如何禁用在小块上播放的动画以将其移动到新位置，以便它立即移动。有什么办法可以做到这一点吗？

P粉460377540 2024-03-28 19:17:20

android - Fragment 使用了过场动画，如何确保某个方法是过场动画完毕后执行呢？

我对fragment 设置了一个500ms的过场动画，然后在onViewCreate中进行了网络请求，在请求网络开始时，我会显示一个进度条，但是因为这个时候过场动画还未完成，导致了进度条先于界面被展示了如何确保我的请求网络...

phpcn_u1582 2017-05-16 13:32:51

如何使用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

如何制作网格布局扩展的动画？

我想知道如何为网格布局的扩展设置动画。正如你在代码中看到的，我有4个div。其中两个会显示，另外两个仅在选中该复选框时才显示。选中该复选框后，将添加另一行，其中包含div3和div4。我如何使扩展动画化？最好保持网格的大小。我不希望动画影响（不存在的）边距。我也想在没有JavaScript的情况下做到这一点。可能吗？<!DOCTYPEhtml><html><head&

P粉937382230 2023-08-31 21:09:37