Text 3D với HTML và CSS
Chia sẻ
DevForum chia sẻ anh em code làm Chữ 3D với HTML và CSS
1. HTML
<span class="text">DevForum.Info</span>
2. CSS
body {
background-color: #c4c4c4;
}
.text {
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
text-transform: uppercase;
font-family: verdana;
font-size: 7em;
font-weight: 600;
color: #f5f5f5;
text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191,
1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191,
1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191,
1px 10px 1px #919191, 1px 18px 6px rgba(16, 16, 16, 0.4),
1px 22px 10px rgba(16, 16, 16, 0.2), 1px 25px 35px rgba(16, 16, 16, 0.2),
1px 30px 60px rgba(16, 16, 16, 0.4);
}
3. JAVASCRIPT
Mong bài viết giúp ích được các bạn phần nào trong thiết kế Web. Hãy nhấn nút Chia sẻđể mọi người cùng học hỏi kiến thức mới nhé. Cảm ơn các bạn đã quan tâm Forum.