CSS-CSS3

Nếu bạn làm Front end thường xuyên css thì font Awesome có thể đã quá quen thuộc với bạn, với việc cung cấp số lượng icon lớn gần như rất đầy đủ cho bạn sử dụng mà không cần nhờ đến thiết kế. Dưới đây là một vài thông tin …

Bạn đang muốn tạo menu 2 cấp hay 3 cấp với trạng thái hover có thể thay đổi màu chữ, màu nền, và kèm hình ảnh trong menu vậy mời bạn tham khảo đoạn code dưới đây: [crayon-63373cdf1ad7f149720396/] Demo: https://trinhhai.w3spaces.com/menu-3cap.html

Đây là đoạn code tạo bộ sưu tập ảnh đơn giản và thông dụng, khi click ảnh sẽ phóng to dạng lightbox để hiển thị ảnh to hơn, kèm nút điều khiển xem ảnh trước, sau để xem các ảnh khác. [crayon-63373cdf1afd8016589953/] Demo: https://trinhhai.w3spaces.com/photo-gallery-light-box.html Code gốc: https://www.w3schools.com/howto/howto_js_lightbox.asp

Bạn muốn sử dụng hình ảnh làm background, nhưng khiến chứ khó đọc, nếu bạn làm mờ hình ảnh thì văn bản đè lên ảnh cũng sẽ bị mờ theo. Vậy làm thế nào để làm mờ ảnh background và văn bản ở trên ảnh vẫn hiển thị rõ dễ …

Các tab Hiển thị kiểu tabs phù hợp cho các ứng dụng web trang đơn hoặc cho các trang web có khả năng hiển thị các chủ đề khác nhau trên cùng 1 trang: Tạo các tab có thể chuyển đổi Bước 1) Thêm HTML: [crayon-63373cdf1b3ed555040152/] Tạo các nút để …

Tạo Carousel Slider Gallery 3, 4 ảnh với HTML, CSS and Jquery. Hiển thị chạy ngang với nút điều khiển ở 2 bên có thể tùy chỉnh số ảnh slide hiển thị theo ý muốn. Tạo Carousel slide 2 ảnh đơn giản [crayon-63373cdf1b5c5181085645/] Nguồn: https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_slideshow_self Dưới đây là ví dụ …

Phương pháp học lập trình web hiệu quả cho người mới bắt đầu Sau nhiều lần chia sẻ các dự án thi mình nhận được nhiều inbox nói về chia sẻ định hướng và phương pháp học lập trình web hiệu quả nên hôm nay mình viết bài này chia …

Dưới đây là hướng dẫn tạo Menu reponsive phù hợp với màn hình mobile bằng CSS và Javascript Bước 1: Tạo menu với HTML: [crayon-63373cdf1be25798528286/] Bước 2: Tạo hàm JavaScript [crayon-63373cdf1be29734244432/] Bước 3: CSS cho Menu [crayon-63373cdf1be2b885137364/] Như vậy sau khi hoàn thiện toàn bộ code sẽ như sau: [crayon-63373cdf1be2d034467014/] Nếu …

Bạn muốn tạo nút bấm trên website nhìn đẹp và chuyên nghiệp với bo góc mềm mại và đổ bóng xung quanh, khi di chuột qua (hover) sẽ đổi màu nền background và màu chữ. Bạn có thể tham khảo đoạn html và css dưới đây: [crayon-63373cdf1c0e7739920584/]  

Hỏi: Hi mọi người cho mình hỏi cái “position: sticky” của mình không hiểu sao nó không chạy, không hoạt động, nó không stick lên trên top như mình cần. Trong khi mình làm giống y chang các lần khác thì nó lại stick, còn mình khai báo cái slider …