Imitating a blink tag with CSS3 animations

The original Netscape <blink> had an 80% duty cycle. This comes pretty close, although the real <blink> only affects text: .blink { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; } @keyframes blink-animation { to { visibility: hidden; } } @-webkit-keyframes blink-animation { to { visibility: hidden; } } This is … Read more

Preventing scroll bars from being hidden for MacOS trackpad users in WebKit/Blink

The appearance of the scroll bars can be controlled with WebKit’s -webkit-scrollbar pseudo-elementsĀ [blog]. You can disable the default appearance and behaviour by setting -webkit-appearanceĀ [docs] to none. Because you’re removing the default style, you’ll also need to specify the style yourself or the scroll bar will never show up. The following CSS recreates the appearance of … Read more