CSShake
Some CSS classes to move your DOM! Easy-to-use classes that will add different kind of shake to each part of your site.
āļāļ°āđāļāļ
50
āļāļ°āđāļāļāļāļđāđāđāļāđ
1.0
āļāļēāļĢāļŠāļāļąāļāļŠāļāļļāļāļāļĢāļĩ/āļāļāļĨāļāļāđāļāđ
āļĢāļāļāļĢāļąāļ
āļĢāļēāļāļēāđāļĢāļīāđāļĄāļāđāļ
--
āļāļąāļāđāļāļāļĨāđāļēāļŠāļļāļ
āļ.āļ. 24, 2026
āļ āļēāļāļĢāļ§āļĄ
CSShake āļāļ·āļāļāļ°āđāļĢ?
CSShake āđāļāđāļāđāļĨāļāļĢāļēāļĢāļĩ CSS āļāļĩāđāļĢāļ§āļāļĢāļ§āļĄāļāļĨāļēāļŠāļāđāļēāļāđ āđāļāļ·āđāļāđāļāđāđāļāļāļīāđāļĄāļāļąāļāļāļēāļĢāļŠāļąāđāļāļāļąāļāļāļāļāđāļāļĢāļ°āļāļāļ DOM āđāļāđāļ āļāļēāļĢāļŠāļąāđāļāđāļāļāļāļ·āđāļāļāļēāļ āļāđāļē āļĒāļēāļ āđāļāļ§āļāļāļ āđāļāļ§āļāļąāđāļ āļŦāļĄāļļāļ āļāļ§āļēāļĄāļāļķāļ āļāļ§āļēāļĄāļāđāļē āđāļĨāļ°āļāļēāļĢāļŠāļąāđāļāđāļāļāļāđāļāļ āļāļĢāļ°āļāļāļāļāđāļ§āļĒāļāļĩāđāļāļāļĢāđāļāđāļēāļāđ āđāļāđāļ āļāļēāļĢāļŠāļąāđāļāļāļĒāđāļēāļāļāđāļāđāļāļ·āđāļāļ āđāļāļāđāļāļāļāđāđāļŪāđāļ§āļāļĢāđ āđāļĨāļ°āļĄāļīāļāļāđ Sass āļŠāļģāļŦāļĢāļąāļāđāļāļāļīāđāļĄāļāļąāđāļāđāļāļāļāļģāļŦāļāļāđāļāļ
CSShake āđāļāđāļŠāļģāļŦāļĢāļąāļāļāļ°āđāļĢ?
āđāļāđāļ
āļāļĨāļļāđāļĄāļāļđāđāđāļāđ
āļāļļāļāļŠāļĄāļāļąāļāļīāļŦāļĨāļąāļ
- āļāļĨāļēāļŠāđāļāļāļīāđāļĄāļāļąāđāļāļāļēāļĢāļŠāļąāđāļāļŦāļĨāļēāļĒāļāļĨāļēāļŠ
- āļāļĢāļąāļāđāļāđāļāđāļāđāļāđāļēāļ Sass mixin
- āđāļāļāđāļāļāļāđāđāļŪāđāļ§āļāļĢāđāđāļĨāļ°āļāļēāļĢāļŠāļąāđāļāļāļĒāđāļēāļāļāđāļāđāļāļ·āđāļāļ
- āļāļđāļĢāļāļēāļāļēāļĢāļāļĒāđāļēāļāļāđāļēāļĒāļāļēāļĒāļāļąāļ CDN āļŦāļĢāļ·āļ npm
āļ§āļīāļāļĩāđāļāđ CSShake?
āļĢāļ§āļĄāđāļāļĨāđ CSS āļāđāļēāļ CDN āļŦāļĢāļ·āļāļāļēāļ§āļāđāđāļŦāļĨāļ āļāļēāļāļāļąāđāļāđāļāđāļāļĨāļēāļŠāđāļāđāļ 'shake', 'shake-hard' āļŦāļĢāļ·āļ 'shake-slow' āļāļąāļāļāļāļāđāļāļĢāļ°āļāļāļ HTML āđāļāđāļāļĨāļēāļŠ 'shake-trigger' āđāļāļāļāļāđāļāļĢāļ°āļāļāļāļāļēāđāļĢāļāļāđāđāļāļ·āđāļāļāļ§āļāļāļļāļĄāļ āļēāļāđāļāļĨāļ·āđāļāļāđāļŦāļ§ āđāļĨāļ°āđāļāđāļāļĢāļ°āđāļĒāļāļāđāļāļēāļ do-shake Sass mixin āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļēāļĄāļīāđāļāļāļĢāđāļāļēāļĢāļŠāļąāđāļāđāļāļāļāļģāļŦāļāļāđāļāļ
āđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļēāļāđāļĨāļ·āļāļ
āđāļĄāđāļāļāđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļēāļāđāļĨāļ·āļāļ
āļāđāļāļāļĩ & āļāđāļāđāļŠāļĩāļĒ
āļāđāļāļāļĩ
- āļāđāļģāļŦāļāļąāļāđāļāļēāđāļĨāļ°āđāļāđāļāļēāļāļāđāļēāļĒ
- āļāļĢāļąāļāđāļāđāļāđāļāđāļŠāļđāļāļāđāļ§āļĒ Sass
- āļāļĢāļĩāđāļĨāļ°āđāļāđāļāđāļāļāļāļĢāđāļŠ
- āđāļāļāļŠāļēāļĢāđāļĨāļ°āļāļąāļ§āļāļĒāđāļēāļāļāļĩāđāļāļĩ
āļāđāļāđāļŠāļĩāļĒ
- āļāļģāļāļąāļāđāļāļāļēāļ°āļ āļēāļāđāļāļĨāļ·āđāļāļāđāļŦāļ§āļāļĩāđāđāļāđ CSS
- āđāļĄāđāļĄāļĩāļāļēāļĢāļāļ§āļāļāļļāļĄ JavaScript āđāļāļāļąāļ§
- āļāļēāļāļāđāļāļāļĄāļĩāļāļ§āļēāļĄāļĢāļđāđ CSS āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāđāļāđāļāļēāļāļāļąāđāļāļŠāļđāļ
āļāļĢāļāļĩāļāļēāļĢāđāļāđāļāļēāļ
- āļāļēāļĢāđāļāļīāđāļĄāļ āļēāļāđāļāļĨāļ·āđāļāļāđāļŦāļ§āļāļĩāđāļĨāļ°āđāļāļĩāļĒāļāļāđāļāļāđāļŦāđāļāļąāļāļāļāļāđāļāļĢāļ°āļāļāļ UI
- āļāļĢāļąāļāļāļĢāļļāļāļāļēāļĢāđāļāđāļāļāļāļāļāļāļāļđāđāđāļāđāļāđāļ§āļĒāđāļāļāđāļāļāļāđāđāļŪāđāļ§āļāļĢāđ
- āļāļēāļĢāļŠāļĢāđāļēāļāļāļēāļĢāļāļāļāđāļāļāđāļ§āđāļāđāļāļāđāļāļĩāđāļāđāļēāļāļķāļāļāļđāļāļāļĢāđāļāļĄāļāļēāļĢāđāļāļĨāļ·āđāļāļāđāļŦāļ§āđāļāļāļŠāļąāđāļ
āļĢāļēāļāļē CSShake
āđāļāļāļāļĢāļĩ
āđāļĄāđāļĄāļĩāļāđāļāļĄāļđāļĨāļĢāļēāļāļēāđāļāļĒāļĨāļ°āđāļāļĩāļĒāļ
āļĢāļĩāļ§āļīāļ§āļāļđāđāđāļāđ
1.0
āļāļēāļ 5
1.0
āļĒāļąāļāđāļĄāđāļĄāļĩāļĢāļĩāļ§āļīāļ§
āđāļāđāļāļāļāđāļĢāļāļāļĩāđāļĢāļĩāļ§āļīāļ§āđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļĩāđ!