CSS3

CSS関数

cross-fade()

  編集:2022.07.09 by T.A.

[Edge]?。→mdn

複数画像の組み合わせ。

cross-fade( <cf-image># )
<cf-image>
<percentage>? && [<image> | <color>]
<DIV style="border:1px solid black; width:200px; height:200px;
 background:cross-fade(src(Com/Ahiru.png), src(Com/Picture.jpg),20%);
">テスト
</DIV>

<DIV style="border:1px solid black; width:200px; height:200px;
 background:cross-fade(src(Com/Ahiru.png) 20%, src(Com/Picture.jpg));
">テスト
</DIV>

単純な各種 定義済みカウンター スタイル

counter()


テスト
別画面に表示させて。
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: