# CSS Clip Path Hover Circle Hover Effects
[竹白記事本](https://chupainotebook.blogspot.com/2019/02/css-effect.html)，學習紀錄，2019/03/15。

>[CSS Clip Path Hover Circle Hover Effects | Html CSS](https://www.youtube.com/watch?v=fvfy-4vQK5M)

###### tags: `clip-path`

## CodePen
>[CSS Clip Path Hover Circle Hover Effects](https://codepen.io/chupai/pen/RdQgzj)
<iframe height="265" style="width: 100%;" scrolling="no" title="CSS Clip Path Hover Circle Hover Effects " src="//codepen.io/chupai/embed/RdQgzj/?height=265&theme-id=0&default-tab=result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/chupai/pen/RdQgzj/'>CSS Clip Path Hover Circle Hover Effects </a> by Chupai@Design
(<a href='https://codepen.io/chupai'>@chupai</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

## clip-path
>[運用 clip-path 的純 CSS 形狀變換｜Oxxo Studio](https://www.oxxostudio.tw/articles/201503/css-clip-path.html)

>[Clip-Path](https://bennettfeely.com/clippy/)