sNews Forum

Website Talk => CSS => CSS Tips, Tricks and Tutorials => Topic started by: Keyrocks on June 09, 2010, 02:50:19 pm

Title: Show and Hide Content with pure CSS3
Post by: Keyrocks on June 09, 2010, 02:50:19 pm
Showing and Hiding Content with Pure CSS3 (http://dev.opera.com/articles/view/css3-show-and-hide/)
Title: Re: Show and Hide Content with pure CSS3
Post by: Fred K on June 09, 2010, 03:27:35 pm
Some of the examples aren't cross-browser functional. For cross-browser functionality for click-toggling (for example), javascript seems more reliable. That said, more examples like this [to show what pure CSS can do] is certainly welcome as you *can* do a lot with CSS.
Title: Re: Show and Hide Content with pure CSS3
Post by: nukpana on June 11, 2010, 06:29:07 am
[prehaps off topic a bit... ]What bothers me about most of the CSS3 demos are browser specific... I thought we were moving away from this...  It bothers me this trend the web design/dev community is going with CSS3...

This annoys me: http://www.apple.com/html5/ Can't view this on FF??
Title: Re: Show and Hide Content with pure CSS3
Post by: kreatur on June 11, 2010, 08:13:52 am
You’ll need to download Safari to view this demo. But that's only normal since Safari is made by apple. You can't stop them from trying.

About those examples that aren't cross-browser functional, i believe they will be in the future, it's just that some browsers haven't got to the css3 part yet. I notice even IE9 will support it, open source competition won't want to remain behind.
Title: Re: Show and Hide Content with pure CSS3
Post by: Fred K on June 11, 2010, 02:58:31 pm
@nuk - the problem with Apple's demos, imho, is the clumsy title of the page. The demos as you note are more about CSS3 than HTML5 and, as kreatur says, they're showcasing things that haven't been included in the spec yet (Apple as a rule sends their CSS inventions to W3C for inclusion consideration). It says clearly though that you need to use Safari to fully see the demos so it's not altogether bad. Which doesn't mean it's good, what they've done.
There are a number of cool effects in CSS3 that you can only use by employing "vendor" - e.g browser maker - prefixes. And it's important to keep in mind that CSS3 isn't a complete spec yet, it's a work in progress.