HN Explorer

17 comments

[ 126 ms ] story [ 514 ms ] thread
jacobr
I'd recommend using something like http://css3please.com to generate the CSS for all browsers. Currently it's not really Tilt-Shift Using CSS, but rather Tilt-Shift in WebKit, due to the prefixes used, even though most or all of the properties you use are supported in other browsers as well.
kilian
it works properly for me on Firefox 7 too, actually.
sp332
The effect is somewhat different in Chrome. It's smoother.
sepent
Yes, and the red highlight when you select the text doesn't work in Firefox 7.
[deleted]
(comment deleted)
matthiasb
I don't know how it looks in Safari, but it looks good in Chrome! css3please.com seems to be a neat tool! Thanks for sharing!
JonLim
A bit misleading - I figured that it was going to somehow achieve the tilt-shift effect on images using CSS.

I understand that that may have been a stupid thing to think, but I still feel a bit disappointed.

Still cool though.

simurai
The tilt-shift effect is only applied to the text. So yeah, I cheated a little by adding a background image that is already tilt-shifted. ;-)
simurai
For those interested in adding blur effects.. CSS filters are coming so that you can blur any DOM element, also images: https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/publish/Fil...
alanh
In some browsers, notably Firefox, you can place a "blur layer" over anything using an SVG background featuring an SVG blur filter.
rhplus
I tried multiple browsers before realizing that you need to mouse over the text for the effect to appear. I didn't see that mentioned anywhere else.
dbbo
So, CSS3 is flash?