Microsoft Has Recreated New Corporate Logo

August 29th, 2012 | No Comments | Posted in General, Science & Technology




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.

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 |

Most Commented Posts

Leave a Reply

Refresh Image