[How to use animation feature in CSS3?]

Use this code and get demo of animation feauture in css3 :

@keyframes resize {
  0% {
    padding: 0;
  }
  50% {
    padding: 0 20px;
    background-color:rgba(255,0,0,0.2);
  }
  100% {
    padding: 0 100px;
    background-color:rgba(255,0,0,0.9);
  }
}

#box {
  animation-name: resize;
  animation-duration: 1s;
  animation-iteration-count: 4;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

[how to make my website fast ?]

Follow and do some following steps these beneficial step might be work :

1. Simplicity– Make the page outline straightforward. Maybe a couple pictures and content. In any case, you likely need wealthier parts on your site.

2. Combination– Taking all the scripts and heaping them into a solitary script and, correspondingly, joining all CSS into a solitary template.

3. Think about actualizing as a substance conveyance system (CDN).

4. Actualize new picture configurations to decrease the extent of your pictures.

5. Assess your plugins.

6.Combine pictures into CSS sprites.

7.Enable pressure.

8. Utilization lapses headers

9. Minify JavaScript and CSS.

10. Audit your facilitating supplier and bun