使用MVC实现css动态效果

开发工具与关键技术：Visual
Studio 2015 使用MVC实现css动态效果

作者：抽刀断水、刘

撰写时间：2019年3月29日

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

<meta charset="utf-8" />

<style type="text/css">

    * {

        margin: 0px;

        padding: 0px;

    }



    body {

        background-color: #ffffff;

    }



    .box {

        width: 400px;

        height: 400px;

        margin-top: 60px;

        margin-left: auto;

        margin-right: auto;

        animation: move 1s infinite alternate;

        /*动画名称 运动时间 运动次数infinite表示无限次 alternate往返效果相同*/

    }



    @keyframes move {

        100% {

            transform: scale(1.2); /*变大1.2倍*/

        }

    }



    .box .left, .box .right {

        width: 150px;

        height: 240px;

        background-color: red;

        border-radius: 75