Skip to content

202209-SPARK-IQLBPS-FEW-2/css-animations-twitch-button

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS Button Animation

Overview

Animation can be used to attract attention. Lets attract attention to our button by making it periodically twitch.

Instructions

  1. Create the @keyframes container with a name twitch.
  2. At 1%, 5%, and 9% set the transform property to rotate 10 degrees.
  3. At 3%, 7%, and 11% set the transform property to rotate -10 degrees.
  4. At 13% and 100% set the transform property to rotate 0 degrees.
  5. Create a CSS rule for .twitch that sets the animation-name property to twitch, the animation-duration to 5s , and the animation-iteration-count to infinite.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published