css的功能很強大，可以實現很多效果。例如影象的倒影和文字的倒影等，主要採用的是-webkit-box-reflect、本為用實力顯示如何進行css使用。
工具/原料
css
方法/步驟
-webkit-box-reflect這是一個不怎麼常用的樣式，可以根據需求進行了解更新自己的知識庫。
-webkit-box-reflect:below,這個是下倒影的主要程式碼顯示。但是可以根據需求自己定義顏色、文字顯示，以及漸變色等。其中-webkit-box-reflect:below -8px，8px代表倒影和文字之間的距離。
-webkit-box-reflect:above ,是上倒影。其中-webkit-box-reflect有above,below,left ,right四種模式。文字上倒影顯示如下。
文字左倒影和右倒影是相似的，需要選擇-webkit-box-reflect：right和left模式。下圖以left為主。
除了進行文字的倒影模式，還可以進行圖片的倒影模式。只需在div裡面放置圖片就行，程式碼如下圖。
填充圖片後，above倒影顯示，如下圖。其中-webkit-gradient是漸變，可以根據需要自己修改。
注意事項
注意邊距。