Die Elemente im #mask dienen als Alphakanal. Die Farbe Schwarz ist völlig transparent und die Farbe Weiß ist völlig sichtbar. Graustufen liegen dazwischen, das ist wie bei der Ebenenmaske im Photoshop.

Sollte auf der Webseite etwas geladen werden, z.B. per Ajax, ist es besser eine kleine Animation während des Ladens anzuzeigen. Die Animation gibt Feedback „das sich jetzt etwas tut“.

Im Elemente können im 3D Raum mit #transform und #translate3d animiert verschoben werden.

Die Elemente sind im 3D Raum angeordnet und wenn das Eltern-Element Mauskontakt bekommt, dann dreht sich der Inhalt und über die #transition wird die Animation erzeugt.

#a kann die 4 Pseudoklassen #link, #visited, #hover und #active enthalten. Allerdings ist nicht jede Eigenschaft animierbar, z. B. #text-decoration.

Der Zoom-Effekt kann z. B. über #background-size umgesetzt und mit der Anwendung von #transform auf das Eltern-Element noch verstärkt werden.

#border-radius bestimmt die Rundheit der Ecken.

Die Eigenschaft #transform bietet viele Möglichkeiten und mit einer Gradzahl #rotate kann gedreht werden. Eine negative Gradzahl dreht gegen und eine positive Gradzahl mit dem Uhrzeigersinn.

Die Eigenschaft #transform bietet viele Möglichkeiten und mit einem Wert größer als 1 bei #scale kann vergrößert werden.

Die Eigenschaft #transform bietet viele Möglichkeiten und mit einem Wert kleiner als 1 bei #scale kann verkleinert werden.

#box-shadow kann sowohl innen als auch außen verlaufen.

Der Übergang für die Deckkraft kann über #opacity oder den Alpha-Wert bei #rgba oder #hsla erfolgen.

Bei Übergängen von #width oder #height kann der Aufbau anderer Elemente ebenfalls beeinflusst werden.

Bei der Komposition von Farbübergängen sollte auf die Lesbarkeit geachtet werden.