zoukankan      html  css  js  c++  java
  • css3模仿大风车

    <style>

    .box{

    width: 400px;

    height: 400px;

    margin: 100px auto;

    transition: 5s linear;

    }

    .box div{

    width: 180px;

    height: 180px;

    margin: 10px;

    border: 1px solid #000;

    box-sizing: border-box;

    float: left;

    background: #f00;

    }

    .box div:nth-of-type(1),.box div:nth-of-type(4){

    border-radius: 0 70%;

    }

    .box div:nth-of-type(2),.box div:nth-of-type(3){

    border-radius: 70% 0;

    }

    .box:hover{

    transform: rotate(720deg);

    }

    </style>

     

    <div class="box">

    <div></div>

    <div></div>

    <div></div>

    <div></div>

    </div>

  • 相关阅读:
    C#读写xml文件
    实现SQL_SERVER的双机实时备份
    Microsoft .NET Pet Shop 4 架构与技术分析
    xp系统运行asp.net时候出现“服务器应用程序不可用”的必杀
    获取服务器根域名
    C#如何创建Xml文件
    用C#创建XML[简单代码]
    关闭Viewstate
    数字签名
    IE插件
  • 原文地址:https://www.cnblogs.com/zhuyuanyuan/p/7790377.html
Copyright © 2011-2022 走看看