Sha256: 474da375cf8c4afce341dd5f62954b5899770a28ab14bb47453e4af0f8950100
Contents?: true
Size: 532 Bytes
Versions: 33
Compression:
Stored size: 532 Bytes
Contents
/// Creates a shaking animation.
/// @param {Percentage} $intensity [7%] - Intensity of the shake, as a percentage value.
/// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin.
@function shake($intensity: 7%) {
$right: (0, 10, 20, 30, 40, 50, 60, 70, 80, 90);
$left: (5, 15, 25, 35, 45, 55, 65, 75, 85, 95);
$keyframes: (
name: 'shake-#{($intensity / 1%)}',
$right: (transform: translateX($intensity)),
$left: (transform: translateX(-$intensity)),
);
@return $keyframes;
}
Version data entries
33 entries across 33 versions & 4 rubygems