Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Hover.css – A collection of CSS3 powered hover effects

ianlunn.github.io

Post reply on HN
Print view View original

11–16 of 16 posts

Re: Hover.css – A collection of CSS3 powered hover effects

#11

Post by 0942v8653 »

Agathos wrote: post #7
pen2l wrote: post #5

There was an interesting comment made when this was last submitted: > Those are really nicely done effects, and I could see finding a use for > some of the effects -- but not triggered on hover, I've pretty much given > up on anything triggered on hover, because of need to support touch. I never thought about it before this way, but it makes some sense. Are people completely giving up hover-on effects because of this…

I always hit m.xkcd.com now, never the main site, even when I have a mouse. That hover text was always a pain.

Now you can see the title-text by tap-holding on the image too.

Re: Hover.css – A collection of CSS3 powered hover effects

#14

Post by ianlunn »

listic wrote: post #10
pen2l wrote: post #5

There was an interesting comment made when this was last submitted: > Those are really nicely done effects, and I could see finding a use for > some of the effects -- but not triggered on hover, I've pretty much given > up on anything triggered on hover, because of need to support touch. I never thought about it before this way, but it makes some sense. Are people completely giving up hover-on effects because of this…

I am pondering whether we could trigger nice hover effects with something else, e.g. gyroscope, on touch-enabled devices. E.g. I wish for the link text to change color when one moves a mouse (on non-touch-enabled devices) or turns the device around (on touch-enabled devices)

This is a full-blown version of what you've described but the concept could be applied to simple hover effects too: http://matthew.wagerfield.com/parallax/

Re: Hover.css – A collection of CSS3 powered hover effects

#16

Post by Beltiras »

petecooper wrote: post #9
Beltiras wrote: post #2

Amazing work. Incorporating in my css-bag-of-tricks, posthaste.

Out of interest, what else do you have stashed in that bag?

Nothing too fanciful, just a collection of links I found useful:

https://github.com/blueimp/jQuery-File-Upload http://www.creativebloq.com/responsive-design-tools-8134180 http://www.cssmatic.com/border-radius http://tympanus.net/codrops/2013/11/07/css-overlay-technique... http://www.entheosweb.com/tutorials/css/borders.asp http://css3gen.com/text-shadow/ http://www.abeautifulsite.net/whipping-file-inputs-into-shap... http://ellekasai.github.io/purplecoat.js/

(omitting reference material anyone and everyone already has on their bookmark bar)

I don't get the downvotes. Can someone explain?

Post reply on HN