Skip to content

Instantly share code, notes, and snippets.

@Crysknife007
Created March 7, 2021 20:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Crysknife007/2023c3943e38213cf26cb4da6438fa25 to your computer and use it in GitHub Desktop.
Save Crysknife007/2023c3943e38213cf26cb4da6438fa25 to your computer and use it in GitHub Desktop.
Breathe Sleep Aid CSS Animation
<title>Breathe</title>
<style>
@keyframes breathe {
from { background-color: black; }
to { background-color: red; }
}
body {
animation-duration: 6s;
animation-name: breathe;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}
</style>
@JamessBrown
Copy link

JamessBrown commented Sep 18, 2023

Thanks for sharing, I appreciate you. You made my day.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment