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 āĻā§āĻāĻžāĻŦā§ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻŦā§āĻ¨?
CDN āĻŦāĻž āĻĄāĻžāĻāĻ¨āĻ˛ā§āĻĄā§āĻ° āĻŽāĻžāĻ§ā§āĻ¯āĻŽā§ CSS āĻĢāĻžāĻāĻ˛āĻāĻŋ āĻ āĻ¨ā§āĻ¤āĻ°ā§āĻā§āĻā§āĻ¤ āĻāĻ°ā§āĻ¨, āĻ¤āĻžāĻ°āĻĒāĻ° HTML āĻāĻĒāĻžāĻĻāĻžāĻ¨āĻā§āĻ˛āĻŋāĻ¤ā§ 'āĻļā§āĻ', 'āĻļā§āĻ-āĻšāĻžāĻ°ā§āĻĄ' āĻŦāĻž 'āĻļā§āĻ-āĻ¸ā§āĻ˛ā§'-āĻāĻ° āĻŽāĻ¤ā§ āĻā§āĻ˛āĻžāĻ¸ āĻĒā§āĻ°āĻ¯āĻŧā§āĻ āĻāĻ°ā§āĻ¨āĨ¤ āĻ ā§āĻ¯āĻžāĻ¨āĻŋāĻŽā§āĻļāĻ¨ āĻ¨āĻŋāĻ¯āĻŧāĻ¨ā§āĻ¤ā§āĻ°āĻŖ āĻāĻ°āĻ¤ā§ āĻŽā§āĻ˛ āĻāĻĒāĻžāĻĻāĻžāĻ¨āĻā§āĻ˛āĻŋāĻ¤ā§ 'āĻļā§āĻ-āĻā§āĻ°āĻŋāĻāĻžāĻ°' āĻā§āĻ˛āĻžāĻ¸ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°ā§āĻ¨ āĻāĻŦāĻ āĻāĻžāĻ¸ā§āĻāĻŽ āĻļā§āĻ āĻĒā§āĻ¯āĻžāĻ°āĻžāĻŽāĻŋāĻāĻžāĻ°ā§āĻ° āĻāĻ¨ā§āĻ¯ āĻĄā§-āĻļā§āĻ āĻ¸āĻžāĻ¸ āĻŽāĻŋāĻā§āĻ¸āĻŋāĻ¨ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°ā§āĻ¨āĨ¤
āĻŦāĻŋāĻāĻ˛ā§āĻĒ āĻā§āĻ˛
āĻā§āĻ¨ āĻŦāĻŋāĻāĻ˛ā§āĻĒ āĻā§āĻ˛ āĻĒāĻžāĻāĻ¯āĻŧāĻž āĻ¯āĻžāĻ¯āĻŧāĻ¨āĻŋ
āĻ¸ā§āĻŦāĻŋāĻ§āĻž & āĻ āĻ¸ā§āĻŦāĻŋāĻ§āĻž
āĻ¸ā§āĻŦāĻŋāĻ§āĻž
- āĻ˛āĻžāĻāĻāĻāĻ¯āĻŧā§āĻ āĻāĻŦāĻ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻž āĻ¸āĻšāĻ
- Sass āĻāĻ° āĻ¸āĻžāĻĨā§ āĻ āĻ¤ā§āĻ¯āĻ¨ā§āĻ¤ āĻāĻžāĻ¸ā§āĻāĻŽāĻžāĻāĻāĻ¯ā§āĻā§āĻ¯
- āĻŦāĻŋāĻ¨āĻžāĻŽā§āĻ˛ā§āĻ¯ā§ āĻāĻŦāĻ āĻāĻĒā§āĻ¨ āĻ¸ā§āĻ°ā§āĻ¸
- āĻāĻžāĻ˛ āĻĄāĻā§āĻŽā§āĻ¨ā§āĻā§āĻļāĻ¨ āĻāĻŦāĻ āĻāĻĻāĻžāĻšāĻ°āĻŖ
āĻ āĻ¸ā§āĻŦāĻŋāĻ§āĻž
- CSS-āĻāĻŋāĻ¤ā§āĻ¤āĻŋāĻ āĻ ā§āĻ¯āĻžāĻ¨āĻŋāĻŽā§āĻļāĻ¨ā§ āĻ¸ā§āĻŽāĻžāĻŦāĻĻā§āĻ§
- āĻā§āĻ¨ āĻ āĻ¨ā§āĻ¤āĻ°ā§āĻ¨āĻŋāĻ°ā§āĻŽāĻŋāĻ¤ āĻāĻžāĻāĻžāĻ¸ā§āĻā§āĻ°āĻŋāĻĒā§āĻ āĻ¨āĻŋāĻ¯āĻŧāĻ¨ā§āĻ¤ā§āĻ°āĻŖ
- āĻāĻ¨ā§āĻ¨āĻ¤ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°ā§āĻ° āĻāĻ¨ā§āĻ¯ CSS āĻā§āĻāĻžāĻ¨ āĻĒā§āĻ°āĻ¯āĻŧā§āĻāĻ¨ āĻšāĻ¤ā§ āĻĒāĻžāĻ°ā§
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°ā§āĻ° āĻā§āĻˇā§āĻ¤ā§āĻ°ā§
- UI āĻāĻĒāĻžāĻĻāĻžāĻ¨āĻā§āĻ˛āĻŋāĻ¤ā§ āĻ¸ā§āĻā§āĻˇā§āĻŽ āĻ ā§āĻ¯āĻžāĻ¨āĻŋāĻŽā§āĻļāĻ¨ āĻ¯ā§āĻā§āĻ¤ āĻāĻ°āĻž āĻšāĻā§āĻā§
- āĻšā§āĻāĻžāĻ° āĻĒā§āĻ°āĻāĻžāĻŦ āĻ¸āĻš āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§āĻ° āĻŽāĻŋāĻĨāĻ¸ā§āĻā§āĻ°āĻŋāĻ¯āĻŧāĻž āĻāĻ¨ā§āĻ¨āĻ¤ āĻāĻ°āĻž
- āĻāĻžāĻāĻā§āĻ¨āĻŋ āĻŽā§āĻļāĻ¨ āĻ¸āĻš āĻāĻāĻ°ā§āĻˇāĻ āĻāĻ¯āĻŧā§āĻŦ āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻ¤ā§āĻ°āĻŋ āĻāĻ°āĻž
CSShake āĻŽā§āĻ˛ā§āĻ¯
āĻŦāĻŋāĻ¨āĻžāĻŽā§āĻ˛ā§āĻ¯ā§ āĻĒāĻ°āĻŋāĻāĻ˛ā§āĻĒāĻ¨āĻž
āĻā§āĻ¨ āĻŦāĻŋāĻļāĻĻ āĻŽā§āĻ˛ā§āĻ¯ āĻ¤āĻĨā§āĻ¯ āĻāĻĒāĻ˛āĻŦā§āĻ§ āĻ¨ā§āĻ
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§āĻ° āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻž
1.0
ā§Ģ āĻāĻ° āĻŽāĻ§ā§āĻ¯ā§
1.0
āĻāĻāĻ¨āĻ āĻā§āĻ¨ āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻž āĻ¨ā§āĻ
āĻāĻ āĻā§āĻ˛ā§āĻ° āĻĒā§āĻ°āĻĨāĻŽ āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻžāĻāĻžāĻ°ā§ āĻšāĻ¨!