我已经使用Animate.css创建了实际上的左右幻灯片。我不知道为什么幻灯片加起来不可见。你们中有谁能帮我吗?

http://jsfiddle.net/itsnamitashetty/CKgX8/1/

        <style>
            body{
                margin:0;
                padding:0;
            }

            #animationentry{
                width:100%;
                height:700px;
                margin:0;
                padding:0;
                background:green;
                display:block;
            }
            #cww_bg{
                display:block;
                float:left;
                width:50%;
                background:red;
            }
            #crw_bg{
                display:block;
                float:left;
                width:50%;
                background:yellow;
            }
        </style>

        <link type="text/css" rel="stylesheet" href="css/animate.css">

    </head>

    <body>
        <div id="animationentry">

        <div id="crw_bg" class="animated slideInLeft">
            <img src="images/crw.jpg">
        </div>

        <div id="cww_bg" class="animated slideInRight">
            <img src="images/cww.jpg">
        </div>

        </div>
    </body>
</html>

最佳答案

小提琴:http://jsfiddle.net/CKgX8/2/

overflow: hidden;添加到#animationentry

#animationentry{ overflow: hidden;}

10-06 07:48