CSS3柱形圖是一種利用CSS3技術，通過樣式布局展現數據信息的形式。下面是實現CSS3柱形圖的具體做法：

/* HTML代碼 */
/* CSS代碼 */
.bar-chart {
display: flex;
justify-content: space-between;
width: 500px;
height: 400px;
background: #f5f5f5;
padding: 20px;
}
.bar {
width: 100px;
height: 0;
background: navy;
transition: height 1s ease-out, background 0.5s;
}
.bar:nth-child(1) { height: calc(400px * 0.8); }
.bar:nth-child(2) { height: calc(400px * 0.6); }
.bar:nth-child(3) { height: calc(400px * 0.4); }
.bar:nth-child(4) { height: calc(400px * 0.2); }
.bar:hover {
background: #006699;
}

首先，在HTML代碼中創建一個class為“bar-chart”的div容器和四個class為“bar”的子元素。

在CSS代碼中，設置“bar-chart”容器的樣式，包括寬、高、背景色和內邊距等。

接著，為“bar”子元素設置樣式，包括寬、高、背景色和過渡等，此處需要注意的是，高度采用calc()函數來計算，以實現自適應效果。

最后，鼠標懸停在“bar”子元素上時，設定背景色，優化用戶體驗。