Csshake.css 是一個基于 CSS 的動畫庫,它可以用來制作各種動態(tài)效果。這個庫的最大特點就是可以抖動元素,非常適合用來增強某些交互的效果,比如確認按鈕。
/* 在 HTML 文件中引入 csshake.css 文件 */ <link rel="stylesheet" href="path/to/csshake.css">
這個庫提供了多種抖動效果,可以通過添加不同的 class 名稱來實現(xiàn)不同的效果。
<button class="shake-little">確認</button>
上述代碼可以為按鈕添加一個小小的抖動效果。如果想讓抖動效果更加明顯,可以使用 shake-hard、shake-vertical 等類。
<div class="shake-chunk">內(nèi)容</div>
如果想給某個容器內(nèi)的內(nèi)容添加抖動效果,可以將類名添加到容器的父級元素上。
總之,csshake.css 是一個非常靈活的動畫庫,可以用來制作各種不同的效果,非常值得學(xué)習(xí)和使用。