webkit-animation

    -1热度

    1回答

    因此,我使用blink webkit框架使我网站上的内容以黄色/蓝色闪烁。我在JS Bin中测试了代码,它工作正常,但由于某种原因,它不再工作。 也许我不小心删除了代码中的某些东西? 这让我疯狂! body{ font-family: 'Jockey One', sans-serif; font-size: 225px; position: absolute;

    1热度

    1回答

    我的目标是构建一个图像滑块,其中APPLE徽标动画运行时,苹果产品从下面俯冲。问题是这样的,我添加了@keyframes动画,使iPhone从右侧(我们的右侧)出现,然后离开,因为它突然将屏幕放到左侧。 但是当我添加MACBOOK,甚至没有为它添加任何动画时,它就会与iPhone一起运行! 这里的HTML和样式: HTML: <html> <head> <title>Slid

    0热度

    1回答

    我尝试使用WebKit的动画应用一个简单的雨水影响,在iPad 2运行良好,没有问题,但在新的Retina显示屏的iPad它运行得非常慢: .rain{ width:100%;height:100%; background-image:url('rain.png'),url('rain3.png'),url('rain2.png'); -webkit-animation:rain 1.5s

    2热度

    3回答

    我在Android 4.x浏览器/ webview中有一点运气停止或暂停动画。我已将-webkit-animation-iteration-count设置为无限,并且在Chrome/Safari中停止它并没有问题,但如果元素具有动画子元素,则它在Android中失败。 我的HTML: <div id="css-container" onclick="stopAnim();"> <div

    0热度

    1回答

    我具有被称为.row一个CSS元件,其看起来如下: @-webkit-keyframes slideright { from { background-position: left; } to { background-position: right; } } .row { width: 200%; height: 100px; -webkit-animation

    0热度

    1回答

    情况:我有一个项目的事件侦听器。当我按下它时,它会调用一个将执行webkitAnimation的方法,并因此返回动画的结尾。 问题:如果我点击我的项目好几次,WebKit的动画的听众不会被重置,所以我得到很多的回调.. 我试图用removeEventListener但它不工作.. 在此先感谢! var Test = (function() { function Test(listItem) {

    0热度

    1回答

    这是我第一次发布。我在过去的两个小时里搜索并发现了麻烦,但一直未能解决我的问题。我怀疑这是愚蠢和简单的,但我找不到错误。 这是我的测试页http://www.enviroprofit.com/sandbox.php的摘录。屏幕右下角的rss供稿块应该滚动浏览该块内的标题。此操作在IE10和Firefox中正常运行。 我已经添加了-webkit-属性到CSS,但他们似乎并没有工作。 <style

    0热度

    1回答

    fadeed时间我使用类似下面的一个div -webkit-动画: #agFloor { background-image: url('http://blabla/something.jpg'); width: 375px; height: 364px; top:0; left:20px; -webkit-animation: Floor

    1热度

    1回答

    Font Awesome包含类似fa-spin的元素的自旋动画。对CSS的检查表明,使用关键帧定义(又称为fa-spin)实现了一个旋转元素。 而不是定义一个新的动画,我想在悬停选择器中使用这个现有的。 i.fa-gear:hover { -webkit-animation: fa-spin 2s infinite linear; } 但它根本不起作用。 下面是JSBin中的示例。

    2热度

    1回答

    我正在为移动网站制作css3加载动画。 HTML: <div class="loader"></div> CSS: .loader { background-color: rgba(0,0,0,0); border: 6px solid rgba(0,0,0,0.75); opacity: 0.5; border-top: 6px solid rgba(