好想看看,css样式的代码。

来源:7-1 JS动画案例

z921129H

2016-04-13 21:19

我总达不到那种效果

写回答 关注

3回答

  • 青鸟衔音
    2016-04-25 15:54:51

    <style type="text/css">

    *{

    margin: 0;

    padding: 0;

    }

    #move{

    width: 300px;

    margin: 10px auto;

    border: 1px solid #ccc;

    }

    #move a{

    display: inline-block;

    width: 58px;

    height: 25px;

    border: 1px solid #ddd;

    border-radius: 3px;

    background-color: #fff;

    text-align: center;

    margin: 10px 17px;

    position: relative;

    padding-top: 40px;

    color: #9c9c9c;

    font-size: 12px;

    text-decoration: none;

    line-height: 25px;

    overflow: hidden;

    }

    #move a i{

    position: absolute;

    top: 20px;

    left: 0;

    display: inline-block;

    width: 100%;

    text-align: center;

    filter: alpha(opacity=100);

    opacity: 1;

    }

    #move a:hover{

    color: #F00;

    }

    #move img{

    border: none;

    }

    </style>


  • 鲈先森
    2016-04-24 09:29:01

    a {

                display: inline-block;

                height: 25px;

                width: 58px;

                border: 1px solid #ddd;

                border-radius: 3px;

                background-color: #fff;

                margin:10px 17px;

                text-align: center;

                position: relative;

                padding-top: 40px;

                color: #9c9c9c;

                font-size: 12px;

            }

            #main a i {

                position: absolute;

                top: 20px;

                left: 0;

                display: inline-block;

                width: 100%;

                text-align: center;

                filter:alpha(opacity=100);

                opacity: 1;

            }

            #main a:hover {

                color:#f00;

            }

            i {

                position: relative;

            }

            #main img {

                border: none;

            }

    抄了一部分

  • z921129H
    2016-04-13 23:01:56

    求一个源代码,谢谢大神

JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113925 学习 · 1443 问题

查看课程

相似问题