Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
CSS
*{ margin: 0px; } body{ background-color: #202020; } li{ width: 75%; height: 18px; background-color: #202020; list-style: none; -webkit-animation: wave 4s infinite ease; margin: 0 auto; border-radius: 0px; position: relative; bottom: -5px; } li:nth-child(2) { -webkit-animation-delay: 0.1s; } li:nth-child(3) { -webkit-animation-delay: 0.2s; } li:nth-child(4) { -webkit-animation-delay: 0.3s; } li:nth-child(5) { -webkit-animation-delay: 0.4s; } li:nth-child(6) { -webkit-animation-delay: 0.5s; } li:nth-child(7) { -webkit-animation-delay: 0.6s; } li:nth-child(8) { -webkit-animation-delay: 0.7s; } li:nth-child(9) { -webkit-animation-delay: 0.8s; } li:nth-child(10) { -webkit-animation-delay: 0.9s; } li:nth-child(11) { -webkit-animation-delay: 1.0s; } li:nth-child(12) { -webkit-animation-delay: 1.1s; } li:nth-child(13) { -webkit-animation-delay: 1.2s; } li:nth-child(14) { -webkit-animation-delay: 1.3s; } li:nth-child(15) { -webkit-animation-delay: 1.4s; } li:nth-child(16) { -webkit-animation-delay: 1.5s; } li:nth-child(17) { -webkit-animation-delay: 1.6s; } li:nth-child(18) { -webkit-animation-delay: 1.7s; } li:nth-child(19) { -webkit-animation-delay: 1.8s; } li:nth-child(20) { -webkit-animation-delay: 1.9s; } li:nth-child(21) { -webkit-animation-delay: 2.0s; } li:nth-child(22) { -webkit-animation-delay: 2.1s; } li:nth-child(23) { -webkit-animation-delay: 2.2s; } li:nth-child(24) { -webkit-animation-delay: 2.3s; } li:nth-child(25) { -webkit-animation-delay: 2.4s; } li:nth-child(26) { -webkit-animation-delay: 2.5s; } li:nth-child(27) { -webkit-animation-delay: 2.6s; } li:nth-child(28) { -webkit-animation-delay: 2.7s; } li:nth-child(29) { -webkit-animation-delay: 2.8s; } li:nth-child(30) { -webkit-animation-delay: 2.9s; } li:nth-child(31) { -webkit-animation-delay: 3.0s; } li:nth-child(32) { -webkit-animation-delay: 3.1s; } li:nth-child(33) { -webkit-animation-delay: 3.2s; } li:nth-child(34) { -webkit-animation-delay: 3.3s; } li:nth-child(35) { -webkit-animation-delay: 3.4s; } li:nth-child(36) { -webkit-animation-delay: 3.5s; } li:nth-child(37) { -webkit-animation-delay: 3.6s; } li:nth-child(38) { -webkit-animation-delay: 3.7s; } li:nth-child(39) { -webkit-animation-delay: 3.8s; } li:nth-child(40) { -webkit-animation-delay: 3.9s; } li:nth-child(41) { -webkit-animation-delay: 4.0s; } @-webkit-keyframes wave{ from{ width: 75%; background-color: blue; } 25%{ background-color: green; } 50%{ width: 50%; background-color: yellow; } 75%{ background-color: red; } to{ width: 75%; background-color: purple; } }
HTML
Join Effecthub.com
Working with Global Gaming Artists and Developers!
Login
Sign Up
Or Login with Your Email Address:
Email
Password
Remember
Or Sign Up with Your Email Address:
Your Email
This field must contain a valid email
Set Password
Password should be at least 1 character
Stay informed via email