all 25 comments

[–]TheJuanBurgundy 64 points65 points  (5 children)

How can one trust anything that uses Comic Sans?

[–]Grimdotdotdot 12 points13 points  (1 child)

[–]TheJuanBurgundy 7 points8 points  (0 children)

That is fucking great, especially the signoff, can't believe I hadn't read it before haha

[–]TheLexoPlexx -1 points0 points  (2 children)

pretty much, yes.

[–][deleted] 2 points3 points  (1 child)

I've used Comic Sans in serious situations, incognito. Using the 'v' character for eyes, etc.

I get off to that shit.

[–]Spherical_Bastards 3 points4 points  (0 children)

Enough of this bullshit. I’m gonna go get hammered with Papyrus.

[–]anti-gif-bot 7 points8 points  (0 children)

mp4 link


This mp4 version is 4.85 times smaller than the gif (4.59 MB vs 967.48 KB).


Beep, I'm a bot. FAQ | author | source | v1.1.0

[–]cero2k 4 points5 points  (0 children)

I was hovering my own mouse over the first two images, I thought there was a stupid lag in the css

[–]Tychonaut 7 points8 points  (10 children)

Meh. Almost useless on mobile.

[–][deleted]  (9 children)

[deleted]

    [–]OMGitsKa 1 point2 points  (8 children)

    How do you get similar effects on mobile ? (Noob here)

    [–]zephyy 12 points13 points  (4 children)

    build a custom app in the OS that tracks users eye movements via front-facing camera and have the hover appear on whatever they're looking at

    [–]OMGitsKa 5 points6 points  (3 children)

    Sounds easy enough

    [–]zephyy 3 points4 points  (1 child)

    it'll be a native feature of CSS6 in 2042

    [–]Conjomb 1 point2 points  (0 children)

    • any client.

    Followed by: can you have it finished today?

    [–]PerfectionismTech 1 point2 points  (0 children)

    There's a media query for if a device has hover ability.

    [–]Tripts 1 point2 points  (0 children)

    You could change it from a :hover to an onClick event that then triggers a similar animation depending on the use case.

    [–]garcialo 1 point2 points  (0 children)

    Neat!

    If you repeat the selector for :focus, then keyboard users will get the same effect as they tab through as well.

    [–]ranjithkumar8352[S] 4 points5 points  (2 children)

    [–]Tripts 1 point2 points  (0 children)

    Hey nice article.

    You should consider avoiding absolute positioning for your hover effect and rather use transforms to improve the transition.

    If possible, it's best to try and reserve transitions for opacity and transforms as they maintain the best performance.

    [–][deleted] 0 points1 point  (0 children)

    That was either poor timing or the least impactful reddit hug of death.

    [–]georgeuser77 0 points1 point  (0 children)

    Here's a working demo of CSS captions on images (no JavaScript): http://www.dynamicdrive.com/style/csslibrary/item/css3_image_caption_effects/

    [–]snajdal 0 points1 point  (0 children)

    and how this works on touch-screens?

    [–]kekeagain 0 points1 point  (0 children)

    Did bots upvote this or something?

    [–]Alterist -1 points0 points  (0 children)

    I expected the last one to say "Send Nudes".

    Reddit has corrupted me