Thằng Chrome và Firefox không nhường nhịn nhau?

skew

Mình không nghĩ là ngược nhau vì đều tuân thủ theo chuẩn do W3C đặt ra. Chỉ có điều là, nhiều khi phải thêm vào vendor prefix vì mỗi thằng làm browser đều cho tên của nó vào (trước khi W3C thống nhất) -> dẫn đến phải lặp đi lặp lại 1 cái rule nhìn rất củ chuối. Nhưng biết sao được, bọn làm browser nó chưa fix, chưa bỏ cái vendor_prefix ngớ ngẩn đó ra thì buộc phải theo thôi, không theo thì mình ăn cám.

.footer-links a:focus::before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

.footer-links a:focus::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

webkit là của Chrome còn moz là của Mozila, 2 ông kẹ to nhất.

Chrome với Firefox đã bỏ hầu hết vendor prefix rồi, còn mỗi Safari và IE là còn giữ lại kha khá.
Nếu bạn muốn fix cho trình duyệt cũ, thì có vài property như gradient sẽ không chỉ đơn thuần thêm prefix là xong. Tuy nhiên, trừ khi công việc yêu cầu, bạn chỉ cần quan tâm các trình duyệt phổ biến là đủ.

Lý thuyết là thế, thực tế thì nên dùng Auto Prefixer cho nhanh. Muốn làm thủ công thì bạn có thể tham khảo Should I Prefix.

Mình không nghĩ là ngược nhau vì đều tuân thủ theo chuẩn do W3C đặt ra. Chỉ có điều là, nhiều khi phải thêm vào vendor prefix vì mỗi thằng làm browser đều cho tên của nó vào (trước khi W3C thống nhất) -> dẫn đến phải lặp đi lặp lại 1 cái rule nhìn rất củ chuối. Nhưng biết sao được, bọn làm browser nó chưa fix, chưa bỏ cái vendor_prefix ngớ ngẩn đó ra thì buộc phải theo thôi, không theo thì mình ăn cám.

Có Vendor prefix bạn ah, nhưng hiển thị khác nhau bạn ah. Mình đặt cái -moz- chỉ số khác thì mới fix đc đó Thuộc tính cùng chức năng nhưng các giá trị hiển thị không giống nhau, ROTATE cũng vậy, mình test và thử rất nhiều lần