Tạo logo độc đáo như Prom Hub

 hí xin chào tất cả mọi người nha. hôm nay thì mình xin chia sẽ cho anh em một kĩ thuật giúp anh em tạo ra logo độc đáo cho mình nhé. Đối với tất cả mọi người thì logo đại diện cho một thương hiệu và cũng như độc quyền của cá nhân.

Tạo logo độc đáo dạng Prom Hub

Đối với những anh em con trai thì không lạ gì với cái logo "Prom Hub " rồi nhỉ. Quả logo này khá động đáo và trừu tượng, kiến nhiều anh em chúng ta háo hức lắm đây :>>>

Hôm nay thình sẽ hướng dẫn anh em cách mà chúng ta tạo ra một logo theo phong cách như thế nhé, đơn giản dễ làm và chỉ vài bước đơn giản.

Cách Thực Hiện

Anh em chỉ cần truy cập vào link đây sau đó sửa tên thành tên của mình là được nhé. 

https://codepen.io/kimi_Dev/pen/XWzxzxm

code tạo logo prom hub

<div class="hub">
  <span contenteditable="true">Code</span>
  <span contenteditable="true">pen</span>
</div>

html {
  height: 100%;
}

body {
  background: #000000;
  color: #ffffff;
  margin: 0;
  min-height: 100%;
  height: 100%;
  position: relative;
}

.hub {
  display: block;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 9vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hub span:nth-child(2) {
  background: #FF9900;
  color: #000000;
  border-radius: 1vw;
  padding: 0 1vw 1vw 1vw;
  display: inline-block;
}