SHARE
TWEET

Untitled

a guest May 19th, 2019 61 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <HTML>
  3. <HEAD>
  4. <STYLE type="text/css">
  5. .kvadratas {
  6. width: 150px;
  7. height: 150px;
  8. background: green;
  9. position: absolute;
  10. margin-left: 100px;
  11. margin-top: 100px;
  12. border: solid 1px black;
  13. text-align: center;
  14. }
  15.    
  16. .kvadratas {
  17. animation-name: growAndGlow;
  18. animation-duration: 10s;
  19. animation-delay: 5s;
  20. -webkit-animation-name: growAndGlow;
  21. -webkit-animation-duration: 10s;
  22. -webkit-animation-delay: 5s;
  23. -moz-animation-name: growAndGlow;
  24. -moz-animation-duration: 10s;
  25. -moz-animation-delay: 5s;
  26. -o-animation-name: growAndGlow;
  27. -o-animation-duration: 10s;
  28. -o-animation-delay: 5s;
  29.  
  30.  
  31. margin-top: 100px;
  32. margin-left: 100px;
  33. background-color: yellow;
  34.  
  35. margin-top: 100px;
  36. margin-left: 1000px;
  37. transform: scale(0.5);
  38. background-color: blue;
  39.  
  40. margin-top: 500px;
  41. margin-left: 1000px;
  42. transform:scale(1);
  43. background-color: purple;
  44.  
  45.  
  46.  
  47. margin-top: 500px;
  48. margin-left: 100px;
  49. transform:scale(1.5);
  50. background-color: red;
  51.  
  52.  
  53. margin-top: 100px;
  54. margin-left: 100px;
  55. transform: scale(1);
  56. background-color: orange;
  57.  
  58.  
  59. }
  60. </STYLE>
  61. </HEAD>
  62. <BODY>
  63. <DIV class="kvadratas">
  64. <h4>CSS3 animacija</h4>
  65. </DIV>
  66. </BODY>
  67. </HTML>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top