Share Tạo hiệu ứng Letterpress cho văn bản với CSS3

filiallion

Administrator
Staff member
Administrator
Messages
585
Points
10
Language
Tiếng Việt
Hiệu ứng Letterpress là hiệu ứng mà văn bản nằm chìm trong nền được tạo ra với một màu nền, một màu nhạt hơn của màu nền và bóng tối hơn của màu nền. Kết hợp với thuộc tính Text Shadow có trong CSS3 để làm cho văn bản có thêm hiệu ứng đẹp mắt hơn.

Các bạn tham khảo nội dung mã lệnh CSS như sau:
CSS:
body {
    background: #222;
}

.letterpress {
    font-size: 300px;
    color: #131313;
    text-align: center;
    text-shadow: 3px 3px 6px #2c2c2c;
    text-transform: uppercase;
}
Và tạo hiệu ứng Letterpress bằng mã lệnh HTML như sau:
HTML:
<h1 class="letterpress">Gextend</h1>
 
Back
Top