2D效果

移動translate

• 移動transform: translate(x,y);或者分開寫 transform: translateX(n); transform: translateY(n);
• transform: translate(50%,50%);可以按百分比移動，相對于自身50%
• translate對行內標簽無效

/* 水平垂直居中 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);

旋轉rotate

• transform: rotate(度數)為整數順時針，負數為逆時針，例:transform: rotate(10deg)

轉換中心點transform-origin

• transform-origin: x y;
• 中心點默認transform-origin: 50% 50%;
• 可設置方位名詞top left bottom right center