1

I want to start my css3 effect when the website is opened. There is no any special effect in my mind. I just need to learn how can I make active an effect when the page is opened?

oxygen
  • 151
  • 2
  • 3
  • 14

2 Answers2

2

a webkit example I use for fading in all the elements at load: http://jsfiddle.net/efortis/7PyRL/

* {
      -webkit-transition: all .5s;
      -webkit-animation-name: myfading;
      -webkit-animation-duration: .8s;
}

@-webkit-keyframes myfading {
      from {
            opacity: 0;
            -webkit-transition: opacity;
      }
      to {
            opacity: 1;
      }
}
Eric Fortis
  • 16,372
  • 6
  • 41
  • 62
0

A general technique would be to give CSS3 transition to the properties you want, then on page load use Javascript onload to change those properties. This way it would work across current versions of all browsers.

Abhranil Das
  • 5,702
  • 6
  • 35
  • 42