zxz 06.10.2020 21:13
Predmet:Transformacija teksta

PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE HTML>
  4. <title>Number</title>
  5. <style type="text/css">
  6. article
  7. {
  8. background-color:gray;
  9. transform: scale(1,3);
  10. }
  12. </head>
  14. <article>
  15. Ovo je tekst clanka... Ovo je tekst clanka... Ovo je tekst clanka... Ovo je tekst clanka...
  16. Ovo je tekst clanka... Ovo je tekst clanka...
  17. </article>
  18. </body>
  19. </html>

zxz 07.10.2020 19:23
Predmet:Animacija

PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE>
  4. <style type="text/css">
  5. div
  6. {
  7. width:50px;
  8. height:50px;
  9. background:green;
  10. position:relative;
  11. animation:animacija 15s;
  12. }
  13. @keyframes animacija
  14. {
  15. 0% {background:green; left:2px; top:2px;}
  16. 25% {background:yellow; left:300px; top:2px;}
  17. 50% {background:blue; left:300px; top:300px;}
  18. 75% {background:green; left:2px; top:300px;}
  19. 100% {background:red; left:2px; top:2px;}
  20. }
  22. </head>
  24. <div></div>
  25. animacija
  26. </body>
  27. </html>