css

  1. P

    Hiệu ứng lung linh mờ CSS

    Tưởng tượng box-shadow nhưng đối với hiệu ứng mờ, trong đó phông nền của một phần tử được làm mờ xung quanh phần tử đó, làm giảm dần cường độ mờ. Tôi nảy ra ý tưởng này khi đang cố gắng cải thiện độ tương phản của cửa sổ bật lên trên vùng tối nơi có box-shadow đối với cửa sổ bật lên sẽ không có...
  2. P

    Hiệu ứng lung linh mờ CSS

    Tưởng tượng box-shadow nhưng đối với hiệu ứng mờ, trong đó phông nền của một phần tử được làm mờ xung quanh phần tử đó, làm giảm dần cường độ mờ. Tôi nảy ra ý tưởng này khi đang cố gắng cải thiện độ tương phản của cửa sổ bật lên trên vùng tối nơi có box-shadow đối với cửa sổ bật lên sẽ không có...
  3. T

    Thuộc tính hình ảnh viền CSS phức tạp nhưng tuyệt vời

    Các border-image tàTôi sản không có gì mới. Ngay cả Internet Explorer không được dùng nữa cũng hỗ trợ tính năng này, vì vậy bạn biết rằng chúng ta đang đi đúng hướng. Đồng thời, nó không hẳn là một trong những thuộc tính mà bạn có thể nắm rõ và các khái niệm khó hiểu về “cắt lát” và “phần đầu”...
  4. B

    API chuyển tiếp chế độ xem và ảnh động thú vị trên giao diện người dùng (Phần 2)

    Lần trước chúng ta gặp nhau, tôi đã giới thiệu cho bạn API Xem chuyển tiếp. Chúng ta bắt đầu với quá trình chuyển đổi xen kẽ mặc định đơn giản và áp dụng nó cho các trường hợp Sử dụng khác nhau liên quan đến các thành phần trên một trang chuyển đổi giữa hai trạng thái. Một trong những ví dụ đó...
  5. N

    API chuyển tiếp chế độ xem và ảnh động thú vị trên giao diện người dùng (Phần 1)

    Hình ảnh động là một phần thiết yếu của một trang web. Chúng có thể thu hút sự chú ý, hướng dẫn người dùng trong hành trình của họ, cung cấp phản hồi thỏa mãn và có ý nghĩa cho hoạt động tương tác, thêm nhân vật và sự tinh tế để làm cho trang web nổi bật, và nhiều hơn nữa! Trên hết, CSS đã cung...
  6. H

    Ảnh động giao diện người dùng thú vị với API chuyển đổi phần tử được chia sẻ (Phần 1)

    Hình ảnh động là một phần thiết yếu của một trang web. Chúng có thể thu hút sự chú ý, hướng dẫn người dùng trong hành trình của họ, cung cấp phản hồi thỏa mãn và có ý nghĩa cho hoạt động tương tác, thêm nhân vật và sự tinh tế để làm cho trang web nổi bật, và nhiều hơn nữa! Trên hết, CSS đã cung...
  7. N

    Các đơn vị khung nhìn CSS mới không giải quyết được vấn đề về thanh cuộn cổ điển

    Các trình duyệt đã cung cấp một bộ đơn vị khung nhìn CSS mới vào năm 2022. Các đơn vị này giúp điều chỉnh kích thước các phần tử trong trình duyệt trên thiết bị di động dễ dàng hơn, trong đó giao diện người dùng có thể thu gọn của trình duyệt sẽ ảnh hưởng đến chiều cao của khung nhìn khi người...
  8. V

    Chụp nhanh cuộn CSS được căn chỉnh với bố cục trang toàn cầu: Nghiên cứu điển hình về thanh trượt toàn chiều rộng

    Bạn biết cách nào có lẽ là “rẻ nhất” để tạo thanh trượt hình ảnh, phải không? Bạn thiết lập một vùng chứa, thả một loạt phần tử hình ảnh nội tuyến vào đó, sau đó đặt overflow-x: auto trên đó, cho phép chúng ta vuốt qua chúng. Ý tưởng tương tự cũng áp dụng tốt cho một nhóm thẻ. Xem Bút [Thanh...
  9. B

    Bộ chuyển đổi HP ProBook 650 G2

    Tôi có thể tìm bộ chuyển đổi HP ProBook 650 G2 ở đâu
  10. D

    Bộ chuyển đổi HP ProBook 650 G2

    Tôi có thể tìm bộ chuyển đổi HP ProBook 650 G2 ở đâu
  11. D

    Pin không sạc khi cắm vào.

    Xin chào, tôi có một chiếc Ultrabook Dell XPS12 9Q23 chạy windows 10 pro 64 mà tôi mua đã qua sử dụng và mới dùng được khoảng 4 tháng. Khi tôi nhận được nó, nó đã cài đặt windows 10 pro 64 và quá trình sạc hoạt động tốt. Sau đó mình cài lại win 10 pro 64 và cài thêm driver của dell. Ngay sau đó...
  12. D

    Một số cách CSS dễ viết hơn vào năm 2023

    Một lúc trước, tôi đã chọc vào một số CSS “hiện đại” các tính năng và đánh giá một cách công khai xem chúng có thực sự ảnh hưởng đến phong cách tôi viết hay không. Cảnh báo spoiler: Câu trả lời là không nhiều. Một số, nhưng không đến mức những phong cách tôi viết ngày nay sẽ trông xa lạ khi đặt...
  13. C

    Hình dạng dải băng nhiều dòng response CSS (Phần 2)

    Trong bài viết trước của tôi, chúng ta đã giải quyết các dải băng trong CSS. Ý tưởng là tạo ra một mẫu ruy-băng cổ điển bằng cách sử dụng một phần tử và các giá trị duy nhất cho phép nó thích ứng với lượng nội dung chứa trong đó. Chúng ta đã thiết lập một hình dạng với các chuyển màu CSS lặp lại...
  14. T

    Hình dạng dải băng nhiều dòng response CSS (Phần 1)

    Trở lại đầu những năm 2010, gần như không thể tránh khỏi hình dạng ruy băng trong thiết kế web. Thực ra là vào năm 2010 Chris Coyier đã chia sẻ một đoạn CSS mà tôi chắc chắn đã được sử dụng hàng ngàn lần. Và vì lý do chính đáng: những dải ruy băng rất thú vị và thú vị khi nhìn vào. Chúng thường...
  15. C

    Cách tạo hoạt ảnh dọc theo đường dẫn trong CSS

    Hãy nói về các chỉ báo tiến trình - hoặc trình tải. Đúng là có rất nhiều hướng dẫn về chúng và thậm chí còn nhiều ví dụ khác xung quanh CodePen. Cách đây vài năm, các trình tải dường như là ví dụ điển hình cho tài liệu khung, bên cạnh các ứng dụng việc cần làm. Gần đây tôi có nhiệm vụ tạo trạng...
  16. B

    Tạo Lại Hiệu Ứng Di Chuột Pop-Out Bằng CSS Hiện Đại (Phần 2)

    Lần cuối cùng chúng ta gặp nhau, tôi đã trình bày cách các tính năng CSS mới hơn - đặc biệt là các hàm lượng giác - có thể được tận dụng để đạt được hiệu ứng di chuột "bật ra". Đây là những gì chúng ta đã cùng nhau làm: Xem cây bút [Fancy Pop Out hover...
  17. D

    Tạo Lại Hiệu Ứng Di Chuột Pop-Out Bằng CSS Hiện Đại (Phần 1)

    Trong một bài viết trước trên CSS-Tricks, tôi đã trình bày cách tạo hiệu ứng di chuột lạ mắt trong đó hình đại diện bật ra khỏi vòng tròn khi di chuột. Thử thách ở đây là tạo ra được hiệu ứng như vậy chỉ bằng cách sử dụng <img> nhãn. Xem cây bút [Fancy hover effect on...
  18. H

    Cpus máy tính để bàn trong máy tính xách tay

    CHÀO, Tôi đã tự hỏi liệu có ai có kinh nghiệm với máy tính xách tay có CPU máy tính để bàn không? thắc mắc về làm mát, sưởi ấm, điều tiết và hiệu suất cơ bản
  19. T

    Con đường dẫn đến việc dễ dàng sử dụng CSS tuyệt vời với hàm tuyến tính()

    Để diễn giải một câu nói luôn ám ảnh tôi: “Hoạt hình hay nhất là thứ không được chú ý”. Một trong những khái niệm quan trọng nhất về thiết kế chuyển động trên web là làm cho chuyển động “có cảm giác phù hợp”. Đồng thời, CSS còn khá hạn chế khi tạo hoạt ảnh và chuyển tiếp mang lại cảm giác tự...
  20. B

    Hiển thị hình ảnh Với Hoạt ảnh mặt nạ CSS

    Trong bài viết trước, chúng ta đã khám phá các hiệu ứng di chuột lạ mắt cho hình ảnh liên quan đến độ sáng, xoay và phối cảnh 3D. Chúng ta sẽ tiếp tục chơi với hình ảnh, nhưng lần này, chúng ta sẽ tạo hoạt ảnh hiển thị hình ảnh khi di chuột. Cụ thể, chúng ta sẽ tìm hiểu về mặt nạ CSS và cách sử...
Back
Top