Phạm tội CSS

hình ảnh

Thời của CSS-Tricks đã hết. Bây giờ là lúc dành cho Tội phạm CSS!

Trong bối cảnh hiện tại của các nhà cung cấp dịch vụ nội dung, người dùng thường bị hạn chế trong việc thể hiện bản thân bằng văn bản, liên kết và hình ảnh. Các quy tắc dọn dẹp có xu hướng loại bỏ HTML, JavaScript và các thuộc tính khác nhau.

Dịch vụ truyền thông xã hội đồng chủ nhà cho phép người dùng có nhiều quyền tự do hơn với các kiểu đánh dấu và nội tuyến hơn những gì chúng ta thường làm. Một số người dùng đã lợi dụng quyền tự do này để phạm tội CSS! Nó đã tạo ra sự tái tạo sáng tạo các giao diện quen thuộc và các trò chơi tương tác bằng cách sử dụng các thuộc tính theo những cách độc đáo.

Blackle Mori đã tạo ra một thiết bị kỳ lạ trong đó việc kéo tay cầm từ từ làm quay một loạt bánh răng, ròng rọc và xích. Cuối cùng, một khẩu độ mở ra để lộ linh vật của trang web (“con bọ trứng”) và lời tuyên bố “Làm tốt lắm!”. Tôi đã xem xét điều này trong Công cụ dành cho nhà phát triển và nó là sự kết hợp tuyệt vời giữa grid, resize, transformcalc(). Cuối cùng tôi đã thêm một border cho tất cả <div>để cố gắng hiểu rõ hơn về cách từng phần tử riêng lẻ di chuyển.

Trước đây đã có những trường hợp tôi bị hạn chế sử dụng bộ công cụ đầy đủ về HTML, JavaScript và CSS. Đã có nhiều trường hợp sử dụng trang trí Hình dạng CSS để di chuyển xung quanh hình ảnh. tôi đã sử dụng :hover như một cách giải quyết cho mouseentermouseleave. tôi đã sử dụng input:checked với tư cách là người chọn anh chị em để chuyển đổi.

Mặc dù Tội phạm CSS có thể không phải là thứ bạn muốn sử dụng thường xuyên nhưng chúng ta nên thực hiện các thử nghiệm trong giới hạn có thể thúc đẩy các giải pháp sáng tạo.


Liên kết trực tiếp & rarr;

Dấu thời gian:

Thêm từ Thủ thuật CSS