I am having difficulties getting my head around CSS3 transitions. If
someone will show me a slide transition from the right to the left of
a div in the onload event of a page, I would appreciate it.
I realize that most of the sliding is usually done between hidden
div's on the same page. But, I would like to see a simple transition
outside of any other styles to try and understand it better.
Thanks,
Linda
--
You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.
To post to this group, send email to iphone...@googlegroups.com.
To unsubscribe from this group, send email to iphonewebdev...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
-webkit-transform: translateX(0px);
}
</style>
</head>
<body onload="load();">
<div id="page" class="setup">
</div>
<script type="text/javascript" charset="utf-8">
function $ID(id) { return document.getElementById(id); }
function load() {
$ID('page').className = 'slide';
}
</script>
</body>
</html>
Also, I found Jonathan Stark's web site that you can subscribe to a
Quick Question service. I highly recommend it. He answered my
question as well.
Happy New Year.
Linda
If anyone is interested in my approach (animation vs transition), I
posted it here:
http://jonathanstark.com/blog/2010/01/01/bare-bones-css3-panel-animation/
Happy New Year everyone!
j
maybe could be an interesting option.
On Jan 1, 7:24 pm, jonathanstark <jstark...@gmail.com> wrote:
> Thanks for the shout out Linda!
>
> If anyone is interested in my approach (animation vs transition), I
> posted it here:
>
> http://jonathanstark.com/blog/2010/01/01/bare-bones-css3-panel-animat...
To others...he is a great help.
Here is a demo to show what I was trying to do.
http://www.anmldr.com/iphonewebdev
Linda