若要對影像實作灰階效果，可使用 :before 搭配 mix-blend-mode: color 實現。
:before
mix-blend-mode: color
垂直靠下為實務上常見需求，CSS 可由多種方式實現。
垂直靠上為實務上常見需求，CSS 可由多種方式實現。
水平靠右為實務上常見需求，CSS 可由多種方式實現。
藉由 Relative Position 與 Absolute Position 搭配，也可排出很多特殊 Layout。
水平垂直置中為實務上常見需求，CSS 可由多種方式實現。
搭配 Relative / Absolute Position，也能使用 transform + translate() 同時水平垂直置中。
transform
translate()
垂直置中為實務上常見需求，CSS 可由多種方式實現。
搭配 Relative / Absolute Position，也能使用 transform + translate() 垂直置中。
水平置中為實務上常見需求，CSS 可由多種方式實現。
