css-animations

    0热度

    2回答

    关键帧动画没有反向运行

    我创建了一个动画效果（缓慢降低高度），作为关键帧动画的一部分。动画播放forwards一次，但不播放backwards，并且不会在随后的时间播放。 的jsfiddle这里 - http://jsfiddle.net/shaaraddalvi/eLwcw22e/ var scrollEventHandler = function() { \t if(window.scrollY > 210)
    javascript html css animation css-animations 2017-09-15

    0热度

    2回答

    使用其他元素包装时，CSS动画不起作用

    我有以下HTML和CSS动画，并按预期工作。 app-root { display: flex; justify-content: center; align-items: center; height: 100vh; transition: all 0.8s ease-out; } body {
    html css animation css-animations 2017-09-15

    1热度

    2回答

    文字模糊伪元素

    https://jsfiddle.net/at5zr0ye/1/ 在我有Chrome上文字模糊麻烦的例子之后。如果我删除z-index，则文本变得锐利，但动画时它会在:: after元素下消失。 任何想法？ HTML <button id="send" type="submit">SUBMIT</button> CSS #send{ z-index: 1; padding:
    css google-chrome css-animations 2017-09-15

    1热度

    1回答

    反弹卡片css动画

    我正在构建一个非常简单的反弹卡片动画，但是在某些时候动画被复位并且结果不流利。 请检查： div{ width: 110px; height: 50px; background: #EEE; border: 1px solid #BBB; border-radius: 3px; padding: 3px
    css animation css-animations 2017-09-17

    7热度

    1回答

    如何绑定css动画的持续时间以滚动

    我想制作一些类似于您向下滚动的网站，以及一些动画通过滚动进行跟随，如果向上滚动则会反转。 我看到一些图书馆像this但我想看看它可以做一些更简单的方法？ 感谢 $(document).ready(function(){ var lastScrollTop = 0; $(document).scroll(function(event){ var st =
    javascript jquery css css-animations 2017-09-17

    -1热度

    2回答

    我添加了一个CSS动画，但它不工作，一切都看起来很好

    所以我试图添加一个简单的振动动画到我的网站的链接，但它根本不起作用。任何人都看到我的代码有什么问题？ 我从animista.net动画代码，并有他们工作 这里是我的代码： a { text-decoration: none; animation: vibrate 1s linear infinite both; } @keyframes vibrate
    html css animation css-animations 2017-09-17

    0热度

    2回答

    用jquery创建两个图像的动画

    我有两个图像，我想要动画。这个代码在Stack Overflow上得到了改进，但它仍然不适用于我。我不知道我的CSS和html代码有什么问题。 这是我的代码： $(document).ready(function() { $(".animar").click(function() { $("#img4").addClass("uno"); });
    javascript jquery css html5 css-animations 2017-09-17

    -2热度

    1回答

    向CSS动画添加10秒暂停

    我熟悉CSS动画，并试图用淡入淡出转换切换内容。 Link to Codepen Example 这里就是我在寻找的建议：我想，而不是间隔1秒我必须让每个文本元素保持10秒切换到下一个之前，马上。我尝试过更改动画延迟设置，但这并没有达到我预期的效果。 下面的代码： HTML <h1>Here's some stuff</h1> <div id="container"> <div cla
    html css css3 css-animations 2017-09-21

    0热度

    2回答

    离子3角度等待动画完成使用动画CSS库

    我有一个列表是使用离子网格与表示项目的行构建的。 我使用css动画库https://github.com/fabiandev/css-animator在用户删除列表中的项目时显示动画。在HTML看起来像 <ion-list> <ion-grid no-padding> <ion-row *ngFor="let task of tasks" no-padding style="
    angular css-animations ionic3 2017-09-24

    2热度

    1回答

    deleteRule CSSKeyframesRule方法在IE11中混淆了行为

    我用css @keyframes创建了一个圆的基本动画。 我使用javascript通过点击圆圈内部触发动画开始/停止。 动画本身可分为5（环形）阶段： 暂停扩大暂停收缩暂停（见下文@keyframes CSS部分） 我想达到的目标是，最终，能够设置动画持续时间并改变关键帧的值（比如通过输入字段来暂停和展开/缩小持续时间 - 细节对于这个问题的范围并不重要）。为了测试它的工作原理，我编写了一个Ja
    javascript css internet-explorer css-animations internet-explorer-11 2017-09-25
最新问题