# 網頁介紹

## 1.Kitamura

#### www.kabu-kitamura.com
- 更多滾動漸變效果
- 北村枕店網站


## 2.Engaged
#### engaged.be
- 多樣的瀏覽方式，不再是普通的下滑瀏覽
- 全通路活化機構幫助品牌在數位優先的世界中吸引目光並贏得人心


## 3.Form Studio
#### [formstudio.site](https://formstudio.site/)
- 簡潔的網格線條，呈現舒適排版
- 標榜極簡工作室


## 4.NulberDen
#### www.mulberden.com
- 更多的游標效果，創造互動感
- 規劃網路製作和數字行銷


## 5.Brewdistrict24
#### brewdistrict24.com
- 3D商品展示&互動效果
- 啤酒網站
- 隨機模式


>引用 [犬哥網站 2024 網頁趨勢！5 個你該嘗試的設計！](https://www.youtube.com/watch?v=RpoHHJ4j1Mc)

# CSS 動態效果

## csshake
#### https://elrumordelaluz.github.io/csshake/
- 各種搖晃效果css


## Magic Animations
#### https://www.minimamente.com/project/magic/
#### https://codepen.io/JonasSkjodt/pen/vLQXod
- Magic Animations 是一個CSS3動畫庫，提供了豐富多樣的動畫效果，如旋轉、翻轉、彈跳等。這些效果可以用來吸引用戶的注意力，增強網頁的視覺吸引力。


## Animista
#### https://animista.net/play/basic/slide-fwd
- Animista 提供了一個在線工具，可以讓你試驗和生成各種 CSS 動畫，並直接複製代碼到你的項目中使用。