CSS火焰陰影是一種非常有趣的效果，它可以讓你的頁面變得更加生動有趣。這種效果可以讓文字或圖片看起來像是被火焰包圍著，非常的酷炫。

.shadow {
position: relative;
background-color: #000000;
}
.shadow:after {
content: "";
position: absolute;
z-index: -1;
top: -20px;
bottom: -20px;
left: -20px;
right: -20px;
box-shadow: inset 0 0 50px #ff0000, 0 0 50px #ff0000;
border-radius: 10px;
}

上面的代碼就是實現CSS火焰陰影的主要代碼。首先，我們需要一個含有陰影的容器，我們可以將其設置為黑色的背景色并設置為相對定位。

然后，在容器上使用偽元素`:after`，并將其位置設為絕對定位，將z-index設為-1以使內容在容器底部。接著用box-shadow屬性設置兩個陰影，第一個用于創建內陰影，其中顏色為紅色，第二個用于創建外陰影，顏色仍然為紅色，但偏移量稍稍增加了一些。

最后，為偽元素加上一個圓角，使其看起來更加逼真。

希望本文章能夠幫助你學會如何使用CSS火焰陰影，歡迎大家分享你的創意和建議！