CSS 右上角縮放是一個(gè)非常有用的功能，可以讓網(wǎng)站的用戶體驗(yàn)得到顯著的提升。

實(shí)現(xiàn)這個(gè)效果很簡(jiǎn)單，只需要用到 CSS3 中的transform屬性即可。

.box {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
background-color: #ccc;
transform-origin: top right;
}
.box:hover {
transform: scale(1.5);
}

上面的代碼實(shí)現(xiàn)了一個(gè)在鼠標(biāo)懸停時(shí)縮放的方塊。其中，transform-origin: top right;表示以右上角為基準(zhǔn)進(jìn)行縮放，transform: scale(1.5);表示將元素放大 1.5 倍。

這個(gè)效果可以用在很多場(chǎng)景中，比如彈出菜單、彈窗等。通過使用 CSS3 的transition屬性，可以讓效果更加平滑自然。

總的來說，CSS 右上角縮放是一種非常簡(jiǎn)單實(shí)用的 UI 技巧，能夠提升用戶體驗(yàn)。由于 CSS3 的普及，這個(gè)效果已經(jīng)非常成熟，并且可以跨瀏覽器兼容。