CSS 可以用來給圖片加上投影，從而使圖片在屏幕上呈現出立體效果。下面，我們將來學習如何使用 CSS 給圖片加上投影。

首先，我們需要在 HTML 中添加一個圖片元素，并使用 CSS 對其進行樣式設置。例如：

```html

```css

width: 100%;

height: auto;

margin: 0 auto;

transform: perspective(1000px);

這個代碼使用 perspective 屬性來創建一個 1000 像素的投影，并將圖片元素設置為 0 auto 布局，從而使其在屏幕上呈現出立體效果。你可以根據自己的需要調整投影的大小和位置。

除了使用 CSS 來給圖片加上投影外，還可以通過 JavaScript 來實現。例如，我們可以使用 JavaScript 將圖片元素乘以一個適當的比例，從而使其呈現出立體效果。下面是一個使用 JavaScript 實現此效果的示例代碼：

```javascript

const scale = 1.5; // 放大倍數

function create立體圖片() {

const scale = 1.5; // 放大倍數

// 使用 JavaScript 將圖片元素乘以一個適當的比例

create立體圖片();

在這個示例中，我們首先使用 JavaScript 將圖片元素乘以一個適當的比例，然后再將其樣式設置為 0 auto 布局，從而使其呈現出立體效果。

使用 CSS 和 JavaScript 來給圖片加上投影可以使圖片在屏幕上呈現出立體效果，這種方法也可以用來制作其他有趣的視覺效果。