פירסום | לוגו של IE דרך CSS בלבד! מגניב

[CSS]

היום מצאתי באינרנט קוד מגניב ללוגו של IE דרך CSS בלבד!!
הינה הקוד:

<style type="text/css"> 
#e-top

{

    border: 2px solid #2b5ff8;

    height: 58px;

    width: 90px;

    border-width: 50px 80px 17px 80px;
    border-radius: 120px 120px 0px 0px;
    -moz-border-radius: 120px 120px 0px 0px;

}

 

#e-bottom

{

    border: 5px solid #2b5ff8;

    height: 58px;

    width: 90px;

    border-width: 17px 80px 50px 80px;
border-radius: 0px 0px 120px 120px;

     -moz-border-radius: 0px 0px 120px 120px;

}

 

#e-cut

{

    margin-left: 75px;

    width: 100px;

    height: 20px;

    border: none dotted black;

    background-color: #ebebeb;

}

 

#ring

{

    margin-top: -250px;

    width: 240px;

    height: 270px;

    border: solid orange;

    border-width: 12px 0px 0px 24px;
border-radius: 400px 100px 400px 100px;

     -moz-border-radius: 400px 100px 400px 100px;

}

 

#ie-logo

{

    display: block;

    width: 250px;

    height: 250px;

    margin: 0 auto 10px auto;

    padding: 50px;

    background-color: #ebebeb;
border-radius: 25px;

     -moz-border-radius: 25px;

}
 
</style>
</head>
<body>

<div id="ie-logo">

    <div id="e-top">

    </div>

    <div id="e-bottom">

        <div id="e-cut">

        </div>

    </div>

    <div id="ring">

    </div>

</div>