专题1234导航

求大神!

来源:互联网
发表时间:2017/4/20 0:09:22
责任编辑:王亮
字体:

为了帮助网友解决“求大神!”相关的问题,学网通过互联网对“求大神!”相关的解决方案进行了整理,用户详细问题包括:想让一个图片上下跳动该怎么弄???求完整代码!,具体解决方案如下:

解决方案1:


<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            .a{
                width:200px;
                height: 200px;
                background: yellow;
                animation-name: test;
                position: relative;
                top:100px;
                animation-delay: 0s;
                animation-duration: 0.8s;
                animation-direction: alternate;
                animation-timing-function: ease;
                animation-iteration-count: infinite;
            }
            
            @keyframes test{
                0%{
                    top:100px;
                }
                100%{
                    top:-100px;
                }
            }
        </style>
    </head>
    <body>
        <div class="a"></div>
    </body>
</html>



你要的上下跳的效果  不知道是不是要这样的?

www.xue163.com true http://www.xue163.com/588880/39215/392157846.html report 3641 求大神!:解决方案1:<!DOCTYPE html><html>    <head>        <title>TODO supply a title</title>        <meta char...
最近关注
首页推荐
热门图片
最新添加资讯
24小时热门资讯
精彩资讯
精彩推荐
热点推荐
真视界
精彩图片
社区精粹
关于本站 | 广告服务 | 手机版 | 商务合作 | 免责申明 | 招聘信息 | 联系我们
Copyright © 2004-2016 Xue163.com All Rights Reserved. 学网 版权所有
京ICP备10044368号-1 京公网安备11010802011102号