Share Tạo tiêu đề nằm dọc độc đáo

filiallion · 04/05/2018

Để tạo các tiêu đề nằm ngang trong website là việc đơn giản và hiển nhiên là các bạn không cần phải làm gì khác ngoài định dạng tiêu đề cho phù hợp với giao diện tổng thể của website. Bài viết này tôi hướng dẫn các bạn tạo tiêu đề nằm dọc khá độc đáo nhưng cũng vô cùng đơn giản với vài dòng lệnh CSS.

Nội dung mã lệnh HTML như sau:

HTML:

<div class="title-vertical">Welcome to Gextend</div>

Nội dung mã lệnh CSS như sau:

CSS:

.title-vertical {
    width: 500px;
    height: 500px;
    transform: rotate(90deg);
}

Với ví dụ này tôi chỉ hướng dẫn đơn giản, để sử dụng vào thực tế thì các bạn còn phải điều chỉnh thêm cho phù hợp với website.

Share Tạo tiêu đề nằm dọc độc đáo

filiallion

Administrator