היום מצאתי באינרנט קוד מגניב ללוגו של IE דרך CSS בלבד!!
הינה הקוד:
קוד PHP:
<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>