mix-blend-mode: plus-lighter Example

Opacity Transition

/ {{Math.round(percent * 100)}} %

mix-blend-mode:

plus-lighterだと、クロスフェードの途中での背景透過を防げます。とくに黒文字部分の透過について注目ください。normalだと半透過するのに対して、plus-lighterでは不透過のままです。
With plus-lighter, the background does not show through during the crossfade. Notice the black text: normal makes it translucent, while plus-lighter keeps it opaque.

Slideshow

mix-blend-mode:

plus-lighterだと、クロスフェードの途中での背景透過を防げます。
With plus-lighter, the background does not show through during the crossfade.

Created by IKEDA Yasunobu, © ICS INC.