Các liên kết đã ghé thăm mất hoạt ảnh màu CSS trong Chrome

Question

Tôi đang cố đặt hoạt ảnh màu trên các liên kết. Khi một liên kết đã được truy cập trong Chrome, hoạt ảnh màu không còn được áp dụng nữa. Đây không phải là trường hợp cho các kiểu hoạt ảnh khác (tôi đã thử nghiệm màu nền, trọng lượng phông chữ và kích thước phông chữ) cũng như trong các trình duyệt khác (Firefox, Safari, IE11).

Dưới đây là một bản demo:

http://codepen.io/benjarwar/pen/rVJbeR
http://s.codepen.io/benjarwar/debug/rVJbeR

HTML:

<a href='#' target='_blank' class='color'>Color Animation</a> 

CSS:

a.color, 
a.color:visited { 
    -moz-animation: color-animation 1s ease-in-out infinite; 
    -webkit-animation: color-animation 1s ease-in-out infinite; 
    animation: color-animation 1s ease-in-out infinite; 
} 

@-moz-keyframes color-animation { 
    0% { color: #f00; } 
    50% { color: #fc0; } 
    100% { color: #f00; } 
} 

@-webkit-keyframes color-animation { 
    0% { color: #f00; } 
    50% { color: #fc0; } 
    100% { color: #f00; } 
} 

@keyframes color-animation { 
    0% { color: #f00; } 
    50% { color: #fc0; } 
    100% { color: #f00; } 
} 

bước để tái sản xuất:

0.123.

1. Visit liên kết ở trên
2. Lưu ý các liên kết có hình ảnh động khác nhau
3. Bấm một trong các liên kết (tất cả các điểm đến href = "#")
4. Lưu ý rằng liên kết hoạt hình màu sắc không còn hiệu ứng động
5. Tháo liên kết từ lịch sử trình duyệt của bạn và làm mới
6. Lưu ý rằng lợi nhuận hoạt hình khi liên kết được lấy ra từ lịch sử

Sử dụng Chrome Version 43.0.2357.130 trên Mac OS 10.9.5

Answer 1

Tôi nghĩ rằng đây có liên quan đến một số vấn đề an ninh chung/riêng tư trong quá khứ:

Chúng tôi đang hạn chế các thuộc tính CSS có thể được được sử dụng theo kiểu đã truy cập liên kết đến màu, màu nền, đường viền - * - màu và màu đường viền và các phần màu của thuộc tính tô màu và nét vẽ.

https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/ https://blog.mozilla.org/security/2010/03/31/plugging-the-css-history-leak/

Answer 2

Bạn có thể đã sử dụng hình ảnh động trước đó nhưng bây giờ hầu hết các trình duyệt hạn chế sử dụng phong cách css trong truy cập. Chỉ tính cho phép là

1. màu
2. background-color
3. biên giới - * - màu
4. phác thảo màu và
5. phần màu của các điền và đột quỵ tài sản.

source

TẠI SAO

Đầu người sử dụng để sử dụng thăm hack để tìm hiểu những gì trang web mà bạn truy cập.

http://dbaron.org/mozilla/visited-privacy