Test CSS Generated Content
参考記事 【画像スプライト編】Web文書のグレースフルデグラデーションをムキになってやってみる
CSS generated content + CSS-P
:after, :before 疑似要素に対して、position, display 指定が効くか？見ていきます。
CSS generated content + image sprite(background-image)
, 
, 
, 
未圧縮の gif (www.compresss.com で圧縮レベル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
太
陰
陽