github, clearfix のテスト, 疑似要素のテスト, Web 文書用のインライン js, CSSOM のテスト, import のテスト, Test Image loading

疑似要素による修飾のテスト

CSS generated content + CSS-P

:after, :before 疑似要素に対して、position, display 指定が効くか?見ていきます。

CSS generated content + image sprite(background-image)

, , , 未圧縮の gif (https://www.compresss.com/jp/compress-gif.html で圧縮レベル0で保存)

Block element

Block | png8

Block | alpha png

Block | motion gif

Inline block element

Inline block | png8

Inline block | alpha png

Inline block | motion gif

CSS generated content + image sprite(content:url)

Block element

Block | png8

Block | alpha png

Block | motion gif

Inline block element

Inline block | png8

Inline block | alpha png

Inline block | motion gif