Halo teman-teman, pasti teman-teman sudah pernah tahu ya apa itu facebook? Ya, facebook merupakan salah satu jejaring sosial terbesar di dunia bahkan bisa dibilang menguasai sosial media di dunia khususnya di Indonesia. Oke sekarang kita akan mencoba membuat logonya, bukan dengan photoshop atau dengan software desain, tetapi kita akan buat dengan HTML dan CSS. Mari kita mulai :
1. Pertama kita akan buat HTMLnya terlebih dahulu
<p class=”logo”>Facebook</p>
2. Selanjutnya kita akan mulai membuat CSSnya
<style>
.logo {
background: #4661b0;
text-indent: -999em;
width: 100px;
height: 110px;
border-radius: 3px;
position: relative;
overflow: hidden;
border: 15px solid #4661b0;
border-bottom: 0;
}
.logo:before {
content: “/20”;
position: absolute;
background: #4661b0;
width: 40px;
height: 90px;
bottom: -30px;
right: -37px;
border: 20px solid white;
border-radius: 25px;
}
.logo:after {
content: “/20”;
position: absolute;
width: 55px;
top: 50px;
height: 20px;
background: white;
right: 5px;
}
</style>
3. Kemudian save lalu buka pada browser.