Jump to content

[CSS] Jak zrobic zmieniające się tło co 20 sekund


PumasS
 Share

Recommended Posts

pre_1462191685__mybb.png

1) Wchodzimy do kodu naszej strony

2)

Załóżmy, że tak wygląda Twój div, w którym tło ma się zmieniać:

Kod:
<div class="div">

</div>

 

3) To dopisujemy do naszego arkusza CSS

Kod:
.div {
   background: red;
   animation-name: moja_animacja;
   animation-duration: 40s;
   animation-iteration-count: infinite;
}
    
@keyframes moja_animacja {
   0% {background: red;}
   50% {background: blue;}    
}

 

4) Zapisujemy

5) Gotowe

Edited by PumasS
Tego się nie da bardziej wytłumaczyć. Jeżeli się da to sora. Ja się jeszcze uczę :)
  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site you agree to Privacy Policy