CSS（Cascading Style Sheets）是一種用來描述網(wǎng)頁上元素的“樣式”的語言。在CSS中，我們可以通過使用transform屬性來對元素進行變換、翻轉(zhuǎn)和旋轉(zhuǎn)等操作。而參考點（transform-origin）則可以讓我們設(shè)置元素的變換中心，使其更加靈活。

/* 示例一：使用transform進行旋轉(zhuǎn) */
div {
transform: rotate(45deg);
}
/* 示例二：使用transform進行縮放 */
div {
transform: scale(1.5);
}
/* 示例三：使用transform進行平移 */
div {
transform: translate(50px, 50px);
}
/* 示例四：使用transform-origin設(shè)置中心點 */
div {
transform: rotate(45deg) translate(50px, 50px);
transform-origin: center;
/* 第一個值為水平方向，可以是left、center、right或者百分比值，第二個值為垂直方向，同樣可以是top、center、bottom或者百分比值 */
}

通過上述示例，我們可以看到transform屬性的強大，它可以讓我們在不改變元素原始尺寸的情況下進行各種變換。同時，transform-origin屬性也能讓我們掌握元素的變換中心，精細地控制元素的變換效果。