CSS 43 💻 prefers-reduced-transparency and scan media features

a - prefers-reduced-transparency
prefers-reduced-transparency media feature checks it the user has enabled reduced effect transparency
This is very important for applications where transparency is very important
Such applications are image galleries and video players
values: no-preference → the user has not enabled reduced transparency
reduce → the user has enabled reduced transparency
@media (prefers-reduced-transparency: reduce) { } →media query for reduced transparency preference

b - scan media feature
scan media feature checks the scanning process of the monitor
values: interlace → image is composed of alternating lines.
Avoid very fast movement and to avoid flickering it should be wider than 1px
interlace was used by old CRT monitor.
progressive → each frame is complete and doesn't have this alternation
@media (scan: interlaced) { } → Media query for displays using interlaced scanning
@media (scan: progressive) { } → Media query for displays using progressive scanning