Jump to content

How to use animation feature in CSS3?


Recommended Posts

  • 1 month later...

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

@keyframes resize {
  0% {
    padding: 0;
  50% {
    padding: 0 20px;
  100% {
    padding: 0 100px;

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

Link to comment
Share on other sites

  • 1 month later...

i havent looked into the example you linked bintje but you certainly could achieve most, if not all, of thsoe animations with CSS3:




animations are tricky to work with in the current browser environment.  they are not fully supported yet and such.  i know of particular issues with mobile IOS 8.x.x.

Link to comment
Share on other sites

This thread is more than a year old.

Join the conversation

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

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.


  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.