Logo Microsoft in pure css
Logo microsoft ternyata bisa juga dibuat dengan menggunakan teknik css tanpa image dan photoshop berikut ini adalah tutorial selengkapnya
kode css yang kita buat cukup sederhana tidak jauh berbeda dengan cara membuat background sebuah button pada umumnya, inilah kode css nya:
logo {
font-size:40px;
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;
}
Kode HTML nya sederhana cukup seperti ini saja
<logo>Microsoft</logo>
Hasil akhirnya adalah seperti dibawah ini
Cukup simple dan mudah bukan? Terima kasih sudah berkunjung semoga artikel dan tutorial singkat mengenai pembuatan logo microsoft dengan css ini dapat bermanfaat
