Centar za edukaciju-BiH


switch Lista naslova: CSS trikovi
Stranice (2):1,2

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


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

Podrška 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,611


Predmet:Horizontalno poravnanje u sredinu
PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  2. .centar {
  3.   margin: auto;
  4.   width: 60%;
  5.   border: 3px solid #73AD21;
  6.   padding: 10px;
  7. }
  8. .sredina {
  9.   text-align: center;
  10.  
  11. }
  12. </head>
  13.  <div class="sredina">
  14. <h2>Poravnanje centar</h2>
  15. </div>
  16. <p>Horizontalno poravnanje u centar</p>
  17.  
  18. <div class="centar">
  19.   Ovo je poravnanje u centar
  20. </div>
  21.  
  22. </body>
  23. </html>

Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

Stranice (2):1,2


Sva vremena su GMT +01:00. Trenutno vrijeme: 5: 00 pm.