CSS3中提供了很多新的特性，其中就包括了從外向內漸變。這種漸變可以讓元素的邊框或背景變得更加美觀且具有層次感。

box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
background: linear-gradient(to bottom, #fff, #333);
border-radius: 10px;

上面的代碼展示了一個使用從外向內漸變的元素的樣式定義。首先，box-shadow屬性添加了一個內陰影來增加元素邊框的深度感。接下來，使用了linear-gradient屬性來定義從上往下的線性漸變，其中將會有從白色到灰色的變化。最后，border-radius屬性定義了圓角邊框，可以使元素看起來更加圓潤。

box-shadow: inset 0 0 10px rgba(255,255,255,0.3);
background: radial-gradient(circle at center, #fff, #333);
border-radius: 50%;

另一種方式是使用徑向漸變來創建更加獨特的效果。在上面的代碼中，box-shadow屬性仍然用于添加內陰影，然而現在我們使用了一個徑向漸變。圓形漸變是從圓心開始并向外擴散的，它的顏色依次從白色到灰色。最后，border-radius屬性定義了一個圓形的元素，這樣就可以讓它看起來更加舒適和流暢。

可以看到，從外向內漸變可以幫助在CSS中創建靈活和有深度的外觀。使用這些技術可以幫助您創建更加有吸引力的UI，使您的網站或應用程序看起來更加現代化和具有吸引力。