Tạo avatar phong cách PornHub Online
các bạn join link dưới đây để tạo logo avatar PornHub nhé
các bạn chỉ cần thay đổi nội dung tại cột HTML ( Quang và Huy ) thành nội dung bạn thích là được nhé.
Vậy làm sao để bạn tải avatar máy tính?
Sản phẩm thiết kế của bạn chỉ là dạng Code, do đó bạn cần một phần mềm chụp ảnh màn hình để chụp lại tấm ảnh vừa tạo. Mình dùng Snipping Tool có sẵn của Windows để chụp cho nhanh.
Code tạo avatar phong cách PornHub
Chỉ với vài dòng lệnh HTML và CSS bạn có thể tự tạo cho mình 1 Logo riêng.
Code HTML
1
2
3
4
|
<div class="hub">
<span contenteditable="true">Quang</span>
<span contenteditable="true">Huy</span>
</div>
|
Code CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
html {
height: 100%;
}
body {
background: #000000;
color: #ffffff;
margin: ;
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: 1vw 1vw 1vw;
display: inline-block;
}
|