css-animations

0热度

1回答

当图像已经完成其动画（左滑动）的作品，我希望它使用HTML 5振动API 2秒震动： navigator.vibrate(2000); 使用一个上点击事件的作品为按钮： <button class="vibrate-button">Vibrate</button> $('.vibrate-button').click(function(){ navigator.vibrat

0热度

1回答

角度2中的老虎机旋转效果

我正在一个个人项目中工作，我有一些卡片，并想多次垂直旋转，最后放在随机卡片上。我正在使用angular2重新创建我的项目，并且对于如何为旋转生成动画有点失落。这是我迄今为止... card.component.ts： @Component({ selector: 'app-card', styleUrls: ['./card.component.css'], temp

1热度

1回答

iOS上的垂直滚动动画'跳转'

我正在使用使用CSS3动画的site。我注意到iOS上的漫画字幕“跳跃”，我认为这是由地址栏更改用于计算字幕位置的window properties之一引起的。的源代码可以在这里找到：https://gitlab.com/ashleyconnor/adventurersclubcomic 如果我在我的假设是正确的。有没有一种准确的方法来抵消iOS地址栏，所以这些值中没有任何跳跃（突然增加）？

2热度

1回答

如何在动画改变背景图像时摆脱白色闪光？

该代码使得网站的背景图像在5个不同的图像之间转换，但每次动画完成并且下一个动画开始时都会有白色闪光。我如何摆脱它，或者我做错了什么？我不确定如何用其他方式解释它。 @keyframes backswitch { 0% { background-image: url("background.jpg"); } 20% { backg

1热度

4回答

如何调整此JavaScript代码，以便在鼠标悬停在元素上时激活动画？

所以我用从贾斯汀阿吉拉尔的CSS3动画这段代码小抄激活按钮上的动画，当我在它悬停： <div id="object" class="pulse"> <script> $('#animatedElement').hover(function() { $(this).addClass("pulse"); }); </script> 的问题是，动画只是继续，即使我不再上空盘旋按钮。

2热度

3回答

在屏幕上移动元素和背部使用关键帧

提供我有以下代码： <div class="leftBox"> <div class="mainNode"></div> </div> <script type="text/javascript"> $('.mainNode').click(function() { var element = $('.mainNode'); if (!element.hasCl

0热度

1回答

Materialise的CSS文本框从中心动画

扩大边境我想创建一个物质化的CSS在文本此类型的动画。检查了许多codepen的网站，但无法找到任何有助于实现CSS的东西。有时两个边框显示或某个时间没有效果。任何人都提供了一些CSS的源代码，所以我可以实现它。我不想包含其他的CSS库。只有物化css和一点点css。 .input-field input[type=text]:focus { border-bottom: 1px so

0热度

1回答

如何通过CSS关键帧使CSS动画停止一次后停止？

我想要使用CSS动画和关键帧运行一次的缩小效果。但是，缩放保持循环并不停止。我怎样才能让它循环一次？ header { height: 100vh; width: 100%; float: left; height: calc(100vh - 40px); position: static; overflow: hidden;

2热度

2回答

防止隐藏最后一个css动画

我有一个CSS动画，我在网上找到可以循环浏览网站标题，但此刻当最后一个标题出现时，它也隐藏起来，这意味着最后没有标题可见。我花了最后一个小时试图解决的问题是，如何才能让css动画像我现在所做的那样工作，除非最后一个标题出现，而不是滑出和隐藏，它只是停留在那里... 以下是我有： .rw-sentence { margin: 0; text-align: left;

0热度

1回答

砌体JS忽略CSS转换

我目前有一个问题，当点击更改高度我的div。我正在使用砌体和引导程序来显示卡片布局，并展开卡片以揭示有关点击的更多信息，但只能将列内的卡片向下移动而不是连续移动。当我试图用CSS添加转换时，它被忽略，并且div仅切换'.open'类的新高度。感谢您的帮助！下面是该项目的Codepen供参考：https://codepen.io/silasisland/pen/YrXPov HTML <main>