Css background animation infinite

Developer
Niklaus Gerber
Size
2,135 Kb
Views
36,432
  1. Css background animation infinite Previews
  2. Css background animation infinite HTML Codes
  3. Css background animation infinite CSS Codes

How do I make an css background animation infinite?

What is a css background animation infinite? How do you make a css background animation infinite? This script and codes were developed by Niklaus Gerber on 11 November 2022, Friday.

Css background animation infinite Previews
IQ Test

Css background animation infinite - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Css background animation infinite</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
</body>
</html>

Css background animation infinite - Script Codes CSS Codes

html { background: #ff0000; position: relative; animation-name: bg; animation-duration: 50s; animation-timing-function: linear; animation-delay: 20s; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; /* Safari and Chrome: */ -webkit-animation-name: bg; -webkit-animation-duration: 50s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 20s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; /* Firefox: */ -moz-animation-name: bg; -moz-animation-duration: 50s; -moz-animation-timing-function: linear; -moz-animation-delay: 20s; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -moz-animation-play-state: running; /* Opera: */ -o-animation-name: bg; -o-animation-duration: 50s; -o-animation-timing-function: linear; -o-animation-delay: 20s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; -o-animation-play-state: running;
}
@-moz-keyframes bg /* Firefox */ { 0% { background: #ff0000; } 25% { background: white; } 50% { background: #ff0000; } 75% { background: white; } 100% { background: #ff0000; }
}
@-webkit-keyframes bg /* Safari and Chrome */ { 0% { background: #ff0000; } 25% { background: white; } 50% { background: #ff0000; } 75% { background: white; } 100% { background: #ff0000; }
}
@-o-keyframes bg /* Opera */ { 0% { background: #ff0000; } 25% { background: white; } 50% { background: #ff0000; } 75% { background: white; } 100% { background: #ff0000; }
}
@keyframes bg { 0% { background: #ff0000; } 25% { background: white; } 50% { background: #ff0000; } 75% { background: white; } 100% { background: #ff0000; }
}
Css background animation infinite - Script Codes
Css background animation infinite - Script Codes
Home Page Home
Developer Niklaus Gerber
Username niklausgerber
Uploaded November 11, 2022
Rating 3
Size 2,135 Kb
Views 36,432
Do you need developer help for Css background animation infinite?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Niklaus Gerber (niklausgerber) Script Codes
Name
PreLoadMe, a lightweight jQuery website preloader
Responsive Fullscreen DIVs
Full Width Text with VW
Responsive Google or Bing maps
Parse Pierre.io Background Animation
Show navigation on scroll
PreLoadMe, a lightweight jQuery website preloader
Responsive Video Embeds
Realtime sorted list
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!