zoukankan      html  css  js  c++  java
  • css3常用属性之一动画示例 背景颜色转化

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style>
    body{font-size:24px; color:#60F;}
    div{
    300px;
    height:300px;
    background:red;
    animation:myfirst 5s;/*动画捆绑,两个值,动画名称、时长*/
    }
    @keyframes myfirst
    { /*创建动画,使用@keyframes规则*/
    from {background:red;}
    to {background:yellow;}
    /*将背景颜色从red改为yellow,时间长度在外部定义*/
    }
    </style>
    </head>

    <body>
    <div></div><br />
    本示例是将此div的背景颜色由红色转变为黄色。<br />
    使用@keyframes规则写了一个动画,然后在选择器中将此动画捆绑到了div上。<br />
    捆绑使用了animation。时间长度写在选择器中捆绑之后。<br />
    必须规定时间长度,否则默认为0。也就是没有动画。
    </body>
    </html>

  • 相关阅读:
    mysql 更改字符集
    修改pip源
    git命令
    virtualwrapper使用
    Python环境搭建
    IntellIJ IDEA 配置 Maven 以及 修改 默认 Repository
    Spring4:JDBC
    Spring3:AOP
    Spring2:bean的使用
    Spring1:Spring简介、环境搭建、源码下载及导入MyEclipse
  • 原文地址:https://www.cnblogs.com/bhmmlxieliming/p/6515300.html
Copyright © 2011-2022 走看看