Microsoft Has Recreated New Corporate Logo
The renowned software company Microsoft has recently unveiled a new corporate logo for Windows 8 with four coloured squares.Where four colored squares represent Windows, Office, Xbox and Windows Phone family of products.
Vasiliy Zubach web developer has created a web version of the Windows 8 logo.but Mansour shows how to recreate the logo using few lines of HTML and CSS3.
Following code in css shows the recreation of the same logo : courtesy Mansour.
Microsoft
logo {
font: bold 60px "Segoe UI";
color: #747273;
line-height: 1.5em;
padding-left: 1.7em;
}
logo:before {
content: '\2006';
position: absolute;
height: 0.095em;
left: 0;
box-shadow: 0.35em 0.35em 0 0.25em #f8510c,
1.05em 0.35em 0 0.25em #7eba00,
0.35em 0.97em 0 0.25em #00a3f4,
1.05em 0.97em 0 0.25em #ffba00;
}
This story, Windows 8 Logo Recreated in CSS, was originally published at Digital Inspiration on 29/02/2012 under Css,
Leave a Reply 110 views, 2 so far today |