animation3 背景小动画笔记

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        .ren {
            width: 48px;
            height: 70px;
            background: url(images/timg.jpg) no-repeat;
            animation: donghua 5s steps(10);
            overflow: hidden;
        }
        @keyframes donghua {
            0% {
                background-position: -8px 0;
            }
            100% {
                background-position: -460px 0;
            }
        }

    </style>
</head>
<body>
<div class="ren"></div>
</body>
</html>
时间： 2024-08-28 17:52:01

animation3 背景小动画笔记的相关文章

《生命的幻象》作者的动画笔记30条（全）

<生命的幻象>作者Ollie Johnston的动画笔记30条(全) (Ollie Johnston 和 Frank Thomas 合著了著名动画书籍<Illusion of Life>,译者注) 作者:John Lasseter, Pixar公司 编译:Luonaldo(又见到他了) <ignore_js_op> “当我在Disney公司作一名动画师的时候,我有一份复印的列表,是来自于Disney最伟大的动画师之一,Ollie Johnston的一些简单的笔记,我把它

小算法笔记

素数: 除 1 外只能被 1 和自身整除的数. 方法一: #include <stdio.h> #define N 1000 int num = 0; int prime(int n) { int i; if(n % 2 == 0) return (n == 2); if(n % 3 == 0) return (n == 3); if(n % 5 == 0) return (n == 5); for(i = 7; i*i <= n; ++i) if(n % i == 0) return

简单小动画+微博简单模拟2

一.ImageView实现旋转小动画 注意:参数为弧度,不要忘记除数加.0 [UIView animateWithDuration:0.3 animations:^{ self.addImageView.transform=CGAffineTransformMakeRotation(45/180.0*M_PI); }]; 二.button响应点击弹出小界面 弹簧效果 [UIView animateWithDuration:<#(NSTimeInterval)#> delay:<#(NST

css3动画笔记

------------------------------------------------------------------------------------ @keyframes animation                    所有动画属性的简写属性,除了 animation-play-state 属性. animation-name              规定 @keyframes 动画的名称.    animation-duration            规定动

0122——简单小动画+微博简单模拟2

一.ImageView实现旋转小动画 注意:参数为弧度,不要忘记除数加.0 [UIView animateWithDuration:0.3 animations:^{ self.addImageView.transform=CGAffineTransformMakeRotation(45/180.0*M_PI); }]; 二.button响应点击弹出小界面 弹簧效果 [UIView animateWithDuration:<#(NSTimeInterval)#> delay:<#(NST

CSS3感应鼠标的div背景闪烁动画效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS3感应鼠标的div背景闪烁动画效果丨

[小问题笔记（三）] SVN树冲突（Tree Conflict），文件不能提交的解决办法

传说中SVN的树冲突是由不同开发者删除文件,移动文件神马的造成的. 我们遇到的情况是: 开发人员小B移动了项目中几个文件然后提交.开发人员小L更新项目至最新版本. 获取到移动后的文件则显示文件已被修改,此时,不能提交,也不能还原,提示“树冲突”. 解决办法: 在上面的提交页面,有冲突的项目上右键==>Subversion==>Resolve(好像是这个词)==>使用工作区副本(类似的,具体记不清了) 然后“确定”就可以正常提交了. [小问题笔记(三)] SVN树冲突(Tree Confl

[小问题笔记（二）] 可能导致DropDownList的SelectedIndexChanged事件不触发的几种情况

遇到SelectedIndexChanged事件没有触发,可以依次检查以下几种情况是否在程序中出现. 一.DropDownList的不同option设置了相同的value . 二.没有写 AutoPostBack="True" <asp:DropDownList id="BuDropDownList" runat="server" AutoPostBack="True"></asp:DropDownList&

[小问题笔记（一）] js关闭页面window.close() 无效，不弹提示直接关闭

window.close(); 单独写这句,各个浏览器效果都不一样.比如IE(不是所有版本)会弹提示: 点确定之后才会关闭.而有些浏览器压根就没反应. 需要让它不弹提示,直接关闭,在window.close();前加两句就可以. window.opener=null; window.open('','_self'); window.close(); 原因:传说是因为严肃的浏览器不让js肆意的关掉窗口,但是js自己打开的窗口自己可以关闭,这样写算“误导”一下它吗?╮(╯▽╰)╭ [小问题笔记(一)