Bài viết của Trần Trung Dũng

Tạo nút download với hiệu ứng động bằng CSS3

Hôm trước mình đã giới thiệu tới các bạn bài viết Từng bước tạo nút bấm động với CSS3 , và nối tiếp những phần cơ bản về hiệu ứng động trong CSS3 . Mình sẽ tiếp tục chia sẻ với các bạn cách tạo nút bấm động với hiệu ứng cũng cực cool , và lần này là dùng cho nút download, vốn dĩ được sử dụng rất ...

Tác giả: Trần Trung Dũng viết 20:00 ngày 04/10/2018 chỉnh sửa

Tạo Drop Down Menu với Form tìm kiếm bằng CSS3 và HTML

Nhằm mang lại nhiều bài viết hơn cho các bạn mới bước vào việc học web, mình xin chia sẻ cho các bạn một bài viết tạo menu đơn giản với HTML và CSS3, qua bài viết này, các bạn sẽ biết phải làm gì để có một menu xổ xuống ( Drop down menu ) cũng như định dạng css cho thanh tìm kiếm. HTML ...

Tác giả: Trần Trung Dũng viết 20:00 ngày 04/10/2018 chỉnh sửa

Cách tạo hình 6 góc cho ảnh với CSS3

Trước đây, để tạo các góc cạnh cho hình ảnh, chúng ta thường phải dùng đến những phần mềm tạo ảnh chuyên nghiệp như Photoshop ,để có thể cắt các góc của hình. Nhưng giờ thì mọi chuyện đã khắc hẳn, với sự hỗ trợ của CSS3 Transform và kỹ thuật Masking, chúng ta có thể tạo ngay những hình ảnh góc cạnh ...

Tác giả: Trần Trung Dũng viết 19:59 ngày 04/10/2018 chỉnh sửa

Tạo hiệu ứng Hover tuyệt vời cho ảnh với Webkit và CSS3

WebKit là một khung ứng dụng nguồn mở cung cấp các thành phần cần thiết để xây dựng một trình duyệt web. Cùng với CSS3, cả hai đã góp phần tạo ra những hiệu ứng rất đẹp mắt mà trước đây chỉ có thể thực hiện bằng JavaScript hay JQuery. Trong bài viết này mình sẽ giới thiệu tới các bạn một ...

Tác giả: Trần Trung Dũng viết 19:59 ngày 04/10/2018 chỉnh sửa

Tạo Dropdown Menu với menu đa cấp bằng CSS3

Ngày nay việc sử dụng menu thuần CSS đã trở nên rất phổ biến, hầu hết là cá menu dạng UL – LI. Hôm nay mình tiếp tục giới thiệu cho các bạn một menu đẹp nữa, đây là menu dạng dropdown đa cấp, các submenu sẽ xuất hiện khi bạn click chuột (onclick) chứ không phải khi trỏ chuột tới (onhover). Đây ...

Tác giả: Trần Trung Dũng viết 19:59 ngày 04/10/2018 chỉnh sửa

Tạo menu với hiệu ứng Dropdown bằng CSS3

Như các bài về tạo dropdown mà mấy lần trước mình đã post, hôm nay chúng ta sẽ tiếp tục làm menu dạng dropdown bằng CSS3 với hiệu ứng mới, rất đáng để bạn tham khảo, các bạn có thể xem demo tại đây . Nào chúng ta cùng bắt đầu tạo menu nào: Bước 1: HTML Với đoạn html sau các bạn chỉ cần ...

Tác giả: Trần Trung Dũng viết 19:58 ngày 04/10/2018 chỉnh sửa

Tạo Responsive Videos cho trang web của bạn bằng CSS

Với việc người dùng hiện nay có nhiều cơ hội lướt web trên các thiết bị di động khác nhau, vì thế trang web có thiết kế tương thích với độ phân giải màn hình của các thiết bị đó là điều cần thiết. Mình đã giới thiệu với các bạn nhiều bài viết để làm điều này như : Từng bước tạo Responsive Form với ...

Tác giả: Trần Trung Dũng viết 19:58 ngày 04/10/2018 chỉnh sửa

Hướng dẫn từng bước sử dụng css sprite

Css Sprites là một kỹ thuật mà các bạn thiết kế và phát triển web đều nên biết, hôm nay mình sẽ hướng dẫn các bạn cách làm CSS Sprites từng bước một : Trong baì này mình sẽ giúp các bạn tạo 1 button sử dụng kỹ thuật css sprite này.các bạn có thể save hình sau về để test thử : Bước 1 ...

Tác giả: Trần Trung Dũng viết 19:58 ngày 04/10/2018 chỉnh sửa

Tạo button đầy màu sắc bằng CSS3 và RGBA

Một trong những điều mà mình thích thú nhất về CSS3 là việc bổ sung cho phép sử dụng các màu RGBA . Hôm nay chúng ta sẽ tạo ra các button đầy màu sắc mà không cần phải dùng bất kỳ hình ảnh hay kỹ thuật photoshop nào. Các bạn có thể xem demo tại đây. Đầu tiên chúng ta cần tạo ra khung sườn các ...

Tác giả: Trần Trung Dũng viết 19:58 ngày 04/10/2018 chỉnh sửa

14 cách giúp bạn tối ưu và giảm dung lượng file css

Tối ưu hóa và giảm dung lượng file css là một kỹ thuật mà các bạn chuyên nghành thiết kế và phát triển web cần nên biết , vì nó làm website của bạn chạy nhanh hơn, và đó là điều kiện cần để giữ 1 lượng độc giả đến với bạn, vì sẽ không ai muốn đọc nội dung ở một trang mà khi load nội dung lại ...

Tác giả: Trần Trung Dũng viết 19:57 ngày 04/10/2018 chỉnh sửa