Hacker News new | past | comments | ask | show | jobs | submit login
Show HN: liffect — CSS3 animation effects for lists (ademilter.com)
91 points by ahmb on Nov 5, 2012 | hide | past | favorite | 22 comments



Agreed pretty cool effects. Star Wars shifts the page slightly during the effect on both Chrome and Firefox on Windows. Also no love for IE or my Nook webkit browser but did fine on my Android ICS phone.


The page shift can be fixed by using:

html { overflow-y: scroll; }


Bookmarked, can we see a jquery plugin on github?


Well, it does not really exist right now. Maybe I can do something later on. Thanks for the idea.


Very nice: tasteful and performs great (GPU-accelerated in Gecko and others) due to the use of CSS transforms.


Does anyone else notice that the "Bounce In" effect is horribly pixellated in Chrome Canary? It's almost as if the scale effect is working with a much smaller resolution original photo. Seems to work just fine in vanilla Chrome.


It's good to see something like this have favorable response instead of the usual whiners that don't like anything that slows down their image consumption.

Great work and very neatly demo'd


The various zoom and bounce in effects seem to leave the image blurry in Chrome 24.0.1312.2 dev OS X


Great work! Serves as an excellent reference implementation for me to learn CSS transformations.


This is an awesome work! Maybe a good substitute / improvement for the overused image carousels.


Very cool project! nice work, keep it up. more effects!


Thanks, up votes and tweets are appreciated.


Star Wars one is the best :) Bookmarked!


I loved the default one, it seems like Windows 8 metro dashboard icons' loading animation.


Great work! Love the transition effects.


This is really cool. Thanks for sharing.


A good reference worth bookmarking.


Great job Adem, well done indeed.


Very nice! Fun!


Awesome work!


Thanks, up votes and tweets are appreciated. :)


Awesome!




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: