Advertisement
salmancreation

particles - css animation

Dec 26th, 2019
210
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.68 KB | None | 0 0
  1. .particle:nth-child(26) {
  2. height: 23px;
  3. width: 23px;
  4. border-radius: 100%;
  5. -webkit-animation: floating 28s linear;
  6. animation: floating 28s linear;
  7. top: 63%;
  8. left: 94%;
  9. background: red;
  10. }
  11.  
  12. @keyframes floating {
  13. 0% {
  14. -webkit-transform: translate(0, 0) scale(.5);
  15. transform: translate(0, 0) scale(.5);
  16. opacity: 0
  17. }
  18. 5% {
  19. opacity: .1
  20. }
  21. 50% {
  22. -webkit-transform: translate(0, -250px) scale(1.4);
  23. transform: translate(0, -250px) scale(1.4)
  24. }
  25. 95% {
  26. opacity: 0
  27. }
  28. 100% {
  29. -webkit-transform: translate(0, -500px) scale(.5);
  30. transform: translate(0, -500px) scale(.5)
  31. }
  32. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement