Centar za edukaciju-BiH

iCentar → Racunari i oprema → Programirannje i baze podataka → Html/CSS → arhiva


switch Lista naslova: CSS trikovi
Prosiri i skupi Opcije teme
Stranice (2):1,2
 Prikazi prvu neprocitanu poruku

#11 07.10.2020 19:23
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


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>
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#12 17.10.2020 18:51
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,642


Predmet:Horizontalno poravnanje u sredinu
PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  5. .centar {
  6.   margin: auto;
  7.   width: 60%;
  8.   border: 3px solid #73AD21;
  9.   padding: 10px;
  10. }
  11. .sredina {
  12.   text-align: center;
  13.  
  14. }
  16. </head>
  18.  <div class="sredina">
  19. <h2>Poravnanje centar</h2>
  20. </div>
  21. <p>Horizontalno poravnanje u centar</p>
  22.  
  23. <div class="centar">
  24.   Ovo je poravnanje u centar
  25. </div>
  26.  
  27. </body>
  28. </html>
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

Stranice (2):1,2

Srodne teme

Ko je online?

Aktivni clanovi:
nema clanova


Kontakt
Sva vremena su GMT +01:00. Trenutno vrijeme: 12: 58 am.