使用DirectShowNet寻找关键帧
我的任务是:我创建图形,将样品夹在其上,然后在构建图形后使用IMediaSeeking界面抓住密钥帧. 以下是我所做的: 在主要方法中: Type comType = Type.GetTypeFromCLSID ( new Guid ( "e436ebb3-524f-11ce-9f53-0020af0ba770" ) ); IGraphBuilder graphBuilder = (IGraphBuilder) Activator.CreateInstance ( comType ); comType = Type.GetTypeFromCLSID ( new Guid ( "C1F400A0-3F08-11d3-9F0B-006008039E37" ) ); ISampleGrabber sampleGrabber = (ISampleGrabber) Activator.CreateInstance ( comType ); graphB
2 2024-04-25
编程技术问答社区
创建动态梯度按钮背景的CSS
我正在寻找CSS规则,该规则可以创建CSS 按钮的彩色梯度背景. 我只是想和它一起玩,并做到了: https://codepen.io https://prashant-nadsoftdev/pen/bkzorb . 在 .custom-btn { background: linear-gradient(105deg, #f6d365, #fda085, #f6d365, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); background-size: 200% 200%; -webkit-animation: rainbow 5s ease infinite; -z-animation: rainbow 5s ease infinite; -o-animation: rainbow 5s ease infinite; an
2 2024-04-05
编程技术问答社区
关键帧动画恢复到初始状态
我做了一个缓慢的无限CSS3动画.它从top:0;到top:40px;动画.错误是当动画结束时,它会跳到起点.我认为它应该与ease或ease-in跳跃,但这没有发生.我尝试了很多解决这个问题,但是我失败了. 我需要返回过渡才能具有ease-in效果. 我的代码: span { margin-left: 200px; } /** Down Slow Animation **/ @-webkit-keyframes downSlow { from { top: 0px; } to { top: 40px; } } @-moz-keyframes downSlow { from { top: 0px; } to { top: 40px; } } @keyframes downSlow { from { top: 0px; } to { top: 40px; } } .down-slow { positio
10 2024-02-26
编程技术问答社区
Three.js的关键帧动画
这是我的第一篇文章,我需要一个答案,我在其他任何地方都找不到.哦,顺便说一句,我不是专业程序员,实际上更像是3D图形设计师;) 我想用简单的动画(仅需翻译E旋转)导入JSON模型. 我刚刚发现了有关皮肤网眼和骨骼动画的例子,但这远非我想要的. 当我按下按钮时,我只需要three.js即可加载和弹奏键帧动画.有人可以帮我找到解决方案吗? 提前感谢大家,安德里亚. 解决方案 您可以从此示例开始将collada导入到三js 按"查看源",查看模型路径和动画脚本用法. 其他解决方案 您可以尝试使用如果您有兴趣使用此技术,也有
8 2024-02-26
编程技术问答社区
CSS关键帧动画回到初始状态
我正在调用这样的动画: document.getElementById('banner').className = "changeColorToIndigo"; 然后我有CSS属性: div.changeColorToIndigo { animation-duration: 1s; animation-name: changeColorToIndigo; animation-fill-mode: forwards; } 和关键帧动画: @keyframes changeColorToIndigo { from {background-color: #00BBD2;} to {background-color: #3F51B5;} } 但是,动画完成了动画完成后的初始状态,为什么?我将填充模式设置为前进并指定了to(100%)属性. 解决方案 我已经将您的代码放在 fiddle 上,对我来说很好 html
18 2024-02-26
编程技术问答社区
如何减慢关键帧动画的速度?
我有此代码: .blur { -webkit-animation: blur 5s ; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes blur { 0% { -webkit-filter: blur(0px); } 0% { -webkit-filter: blur(1px); } 50% { -webkit-filter: blur(5px); } 60% { -webkit-filter: blur(5px); } 100% { opacity: 0; } } 基本上,我有一个图像,我想要的效果是慢慢褪色,将其模糊,然后将其淡出.但是当它模糊时,我希望它待在那里几秒钟,然后淡出图片.你能帮我吗?谢谢 解决方案 根据关键
8 2024-02-26
编程技术问答社区
如何设置一个CSS动画的当前帧(或类似)?
我有一个CSS密钥帧动画本身是很普通的.但是,我希望能够强迫动画在特定的框架上. anim.setProgress(0.13)之类的东西,这将使动画保持在13%. 我该怎么做? 请注意,我不仅要在任意点开始动画.我希望能够中断它,并说"回到32%"之类的东西,无论动画距离多远. 解决方案 给动画一个负animation-delay值.对于运行10秒的动画,将以-1.3s>. 文档 如果"动画 - 列表"的值是负时间偏移,则动画将在应用时执行,但似乎已在指定的偏移量开始执行.也就是说,动画将在其游戏周期中开始部分开始.在动画暗示启动值和负面的"动画 - 列表"的情况下,起始值是从应用动画的那一刻获取的. 示例 在 div.loading { animation: loading 10s linear 1; animation-play-state: paused; animation-delay: -1.3s; /*start at 13
6 2024-02-26
编程技术问答社区
WPF-动画图像源改变
我是WPF的新手,但我认为我需要做的是相对简单的.我需要创建一个图像"动画",其中我每秒钟都会更改图像源. 我有一个名为"动画"的文件夹,带有图像1至25 png live(命名为1.png,2.png ... 25.png).每个图像与动画的不同框架相关. 我想编写XAML以将图像从2更改为2,从2更改为3到3,每.25秒,直到到达25张图像,然后它应该循环回到开始. 我很可能需要编写一些C#才能做到这一点.我希望它可以在可以与UI交互的线程上运行(如在图像中所示),但不能阻止UI线程. 预先感谢! 解决方案 纯XAML解决方案当然可以像这样,带有不同的图像和时间.
4 2024-02-26
编程技术问答社区
CSS3 Animate Out of :hover
我正在设置一个简单的动画,当您徘徊在图像上时,它会带来一些其他信息. jQuery备份部分是编写的,而且工作正常,尽管我遇到的问题是在用户徘徊时会使CSS3动画逆转. 因此,当您悬停在它的情况下,效果很好,但是一旦悬停,元素就会消失.我想知道的是,当鼠标徘徊在其他地方时,是否有一种方法可以使它们向后动画.非常感谢! #recent-work div { position: relative; width: 300px; height: 168px; overflow: hidden; } #recent-work div:hover .recent-project-type { animation-name: showType; animation-duration: .5s;
12 2024-02-26
编程技术问答社区
如何制作多段式淡出淡入的循环动画
我卡在密钥帧动画中. 我有一个fadein vadeout动画CSS.代码可与3 div一起工作,但是当我添加 + 1个DIV和动画时,CSS环会破坏.我希望他们同意工作,但是如何? 有代码: 在 @-webkit-keyframes fadeA { 0% { opacity: 0 } 13.2%,19.8% { opacity: 1; z-index: 5 } 100%,33% { opacity: 0 } } @-webkit-keyframes fadeB { 0%,33% { opacity: 0 } 46.2%,52.8% { opacity: 1; z-index: 5 } 100%,66% {
4 2024-02-26
编程技术问答社区
CSS3动画中火狐的背景|图像
我正在CSS中制作关键帧动画.由于支持-webkit语法,该动画似乎在Chrome中运作良好. @-webkit-keyframes title_toggle { from { background-image:url(images/title.png); } 75%{ background-image:url(images/title_hover.png); } to { background-image:url(images/title.png); } } 我在下面尝试了Firefox的代码,但它不起作用 @-moz-keyframes title_toggle { from { background-image:url(images/title.png); } 75%{ background-image:url(images/title_hover.png); } to { background-image:url(images/title.png); } }
10 2024-02-26
编程技术问答社区
在CSS中,当使用悬停过渡时,是否可以通过第三种颜色来过渡?
我有一个静止状态红色的元素,当用户将光标悬停在其上时,绿色.我设置了它来简化0.4s的过渡. 我不希望它在中途穿过黄色.因此,当用户将用户放在其上时,它会在一个平滑的过渡中从红色到黄色,再到绿色.这可能吗? 这是我当前的代码. .element { background-color: red; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .element:hover { background-color: green; } 解决方案 您可以为此使用密钥帧: .element { background-color: red; height: 300px; width: 300px; } .element:hover { -webkit-animation: changeColor 0.4s forwards;
8 2024-02-26
编程技术问答社区
CSS-将文本从左至右移动
我想创建一个动画的html" marquee",该网站在网站上来回滚动: This is a marquee! 和CSS: .marquee { position: absolute; white-space: nowrap; -webkit-animation: rightThenLeft 4s linear; } @-webkit-keyframes rightThenLeft { 0% {left: 0%;} 50% {left: 100%;} 100% {left: 0%;} } 问题是,当字幕到达屏幕的右边缘时,它不会停止.它一直从屏幕上移开(简短地出现水平滚动条),然后返回. 那么,当右侧边缘到达屏幕的右边缘时,我该如何停止大字幕? 编辑:奇怪的是,这不起作用: 50% {right: 0%} 解决方案 以某种方式,我通过使
32 2024-02-26
编程技术问答社区
平滑地停止CSS关键帧动画
我有以下代码: http://jsfiddle.net/odj8v0x4/. function stopGlobe() { $('.mapfront').removeClass('mapfront-anim'); $('.mapback').removeClass('mapback-anim'); } function startGlobe() { $('.mapfront').addClass('mapfront-anim'); $('.mapback').addClass('mapback-anim'); } @keyframes mapfront_spin { 0% { background-position: 1400px 0%; } 100% { background-position: 0 0%; } } @keyframes mapbac
6 2024-02-26
编程技术问答社区
如何让css3动画永远循环下去
我想让整个动画永远播放.当最后一张照片逐渐消失时,我希望第一张照片再次出现.我所做的(而且我不喜欢)是在上一张照片淡出的结尾处重新加载的页面.还有其他方法可以使用CSS? .content{ height: 400px !important; /*margin: auto !important;*/ overflow: hidden !important; width: 780px !important; } .imgholder{ height: 400px; margin: auto; width: 780px; } .photo1{ opacity: 0; animation: fadeinphoto 7s 1; -moz-animation: fadeinphoto 7s 1; -webki
4 2024-02-26
编程技术问答社区
停止关键帧动画在页面加载时的自动启动
我有一些CSS和密钥帧动画来运行几个Div元素.我希望CSS和Key Frame Animations只有在我单击屁股时才开始.我的问题是,它们从那里开始,然后动画播放用完了,并使按钮毫无用处. 这是我尝试的代码. 在 $(document).ready(function(){ $("#bt1").click(function(){ $(".animation-box").addClass("first-text", "second-text", "third-text", "fourth-text", "fifth-text"); }); $('.animation-box').on("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function(){ $(this).removeClass("first-text"
6 2024-01-18
编程技术问答社区
如何使用jquery和CSS3 KeyFrames将一个元素(如div或图片)环绕在一个点或鼠标上?
全部 我在尝试使用jQuery和css3键帧以移动或圈出诸如DIV或图像之类的元素围绕点或鼠标的元素继续存在,而不是延迟时间,只需保持圆圈即可. 有解决方案吗?请让我看看.提前致谢 ! 解决方案 从您的澄清评论中: 给定位置,如何制作图像或元素圈子 CSS3动画 要制作一个动画,您可以平稳地旋转一个元素并永远继续,您可以使用这些CSS3键帧/动画和2D变换属性: @keyframes 确切指定如何动画元素. transform 将元素从旋转中心(轨道半径). rotate(); 在您的密钥帧中旋转. 您可能需要一段时间以-webkit-,-moz-和-ms-来复制这些并将每个复制前缀,直到广泛支持CSS3动画功能为止. . 在CSS/jQuery中指定位置 您可以使用普通的CSS绕任意点旋转HTML元素: div.someClass { position:absolute; top:2
2 2024-01-18
编程技术问答社区
如何在Javascript中改变关键帧的状态
我想用jQuery更改键盘状态. 这是我的关键帧: @keyframes moveItUp { 10% { top: 18%; } 20% { top: 16%; } 30% { top: 14%; } 40% { top: 12%; } 50% { top: 10%; } 60% { top: 8%; } 70% { top: 6%; } 80% { top: 4%; } 90% { top: 2%; } 100% { top: -20px; } } 例如,我想从20%转到40%ECT. 我该怎么做?谢谢 解决方案 有 MSDN上的一篇很棒的博客文章
18 2024-01-18
编程技术问答社区