jquery天气预报卡片点击切换效果代码-html代码-BFW代码库

jquery天气预报卡片点击切换效果代码

代码语言：html

所属分类：其他

代码描述：jquery天气预报卡片点击切换效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
@charset "utf-8";
        * {
            margin: 0;
            padding: 0
        }
        ul {
            list-style: none
        }
        .box {
            width: 294px;
            height: 524px;
            margin: 20px auto;
            position: relative;
            text-align: center;
        }
        .box ul {
            width: 294px;
            height: 524px;
        }
        .box_rotate {
            animation: rock 0.5s 1;
            -moz-animation: rock 0.5s 1;
            -ms-animation: rock 0.5s 1;
            -o-animation: rock 0.5s 1;
            -webkit-animation: rock 0.5s 1;
        }
@-moz-keyframes rock {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
@-ms-keyframes rock {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
@-o-keyframes rock {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
@-webkit-keyframes rock {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        .box_rotate2 {
            animation: rock 0.5s 1;
            -moz-animation: rock 0.5s 1;
            -ms-animation: rock 0.5s 1;
            -o-animation: rock 0.5s 1;
            -webkit-animation: rock 0.5s 1;
        }
@-moz-keyframes rock {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
@-ms-keyframes rock {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
@-o-keyframes rock {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
@-webkit-keyframes rock {
            0% {
                transform: rotate(0deg);
            }
    .........完整代码请登录后点击上方下载按钮下载查看