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

bây giờ chỉ cần chụp màng hình lại cắt ra và thế là chúng ta đã có ngay một logo dạng "Prom Hub" rùi nhé :>>>

Đây là code tách riêng ra anh em có thể tham khảo nhé. 


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


css
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;
}

Okii thì mình đã chia sẽ cho anh em phía trên về code và cũng như cách chúng ta tạo ra một logo dạng "Prom Hub". Chúc anh em thành công nhe. Nếu có thắc mắc gì thì anh em có thể comment bên dưới mình sẽ giải đáp cho anh em nhé. 
Design by @KiMiDev

Đăng nhận xét

Cảm ơn bạn đã nhận xét, chúng tôi sẽ quay lại và trả lời cho bạn sớm nhất có thể !!!

Mới hơn Cũ hơn

Nhận xét Mới