CSS crossfade tutorial?

[erikadesigns]

Is there a better tutorial for the technique in #3?

http://www.the-art-of-web.com/css/timing-function/

[Paulie_D]

Ahhh…until crossfade in CSS4 comes along…

http://peter.sh/files/examples/cross-fading.html

[erikadesigns]

@atelierbram, that was awesome. Maybe because I’m doing it in WP, it’s not quite working right? Or user error.

http://erikagibson.com

@paulie_d is there an anticipated release date for css4? (Is that even something that would have a release date?)

[Paulie_D]

Is there an anticipated release date for css4

Technically there is no CSS4 as a WHOLE THING…there’s CSS Spec Level 4 which is broken up into lots of ‘modules’…so bits can introduced as and when the working committee agree then rather than everything as a bundle.

http://dev.w3.org/csswg/selectors4/

Of course, agreement on the spec doesn’t mean that browsers will support it…but I expect to see Chrome, FF and IE get there in the end…in that order.

I exclude Safari…because they’re just a hot mess at the moment…and I’m on Windows so will never see it.

[erikadesigns]

@atelierbram I’m going to be completely upfront with you – I am 100% designer. Coding is something I do because I have to, unfortunately. In general, I’m bad at it and it makes me want to gouge my eyes out with a spork.

That being said, I actually meant http://erikagibson.com/blog in the bottom of the right sidebar. Instead of the image crossfading (in the same spot, if you will), one is now on top of the other vertically, and I can’t figure out why.

I’m honestly building a second, mobile version this week. This works lovely until you hit about 1100px, which makes me sad. But since it’s my personal portfolio, and I didn’t have the money sitting around to pay someone to help me, I’ve had to work with what I can get on boards and from the few friends I have that do any kind of coding whatsoever. With clients, I would usually subcontract a programmer to help me out because oof, programming is tough.

@paulie_d That’s really interesting! I always wondered how that stuff works.

[__]

That’s really interesting! I always wondered how that stuff works.

hehehe… Well, that’s how it is, and it kinda works.

Keep in mind, the WGs are open to anyone, but are mainly representatives of the various browser vendors. It does help keep them more-or-less on the same page.

[erikadesigns]

Ok. It looked like I somehow deleted some of the original css you gave me the first time around, so I cleared it out, put it back, and now nothing is showing up.

Same url, in the empty space about the “sponsors” button.

[erikadesigns]

@atelierbram, I added the block but nothing happened, so I’ll look into those unclosed tags. I’ve never used Validator before – anything I should know before diving in?

[Author]

Posts