4 ms·

Pure CSS Slideshow

• aDemoUzer 16y ago
  Chrome Only: http://peri.me/slidio/slideshow.html http://peri.me/slidio/slideshow.html
  • schwabacher 16y ago
    This is really cool, but the performance doesen't seem totally smooth, and I am on a 6 month old quad core xeon. Do you know anything about the performance of these css animations compared to javascript?
    • aDemoUzer 16y ago
      Has to do more with GPU than CPU. Never does such comparisons.
    • aDemoUzer 16y ago
      This is how it works for me: http://www.youtube.com/watch?v=Y88rvZe_eRs http://www.youtube.com/watch?v=Y88rvZe_eRs
• fredleblanc 16y ago
  Would love to see this with an example featuring 50 or 100 sides. I'd be interested to see the rendering speed/delays in each browser. Either way, good stuff.
  • Dmig 16y ago
    31 slides with big images here: http://www.designmadeingermany.de http://www.designmadeingermany.de
    • js4all 16y ago
      The slideshow is a must see. Especially this OGG Video trailer. It's pure joy. http://www.designmadeingermany.de/#a25 http://www.designmadeingermany.de/#a25
• sgift 16y ago
  "Your browser sucks." but it still works ... nice? Opera 10.6 (old version, I know)
  • chaosfox 16y ago
    OP forgot a -o-transform on the .page class, that's why.
    • Dmig 16y ago
      Strange that I forgot that. Fixed.
• atgm 16y ago
  This blows my mind. I'd love to put it on my homepage or something, but it really hurts your personal "brand" when over half the people who visit your site can't view it properly. I feel this way about most of the tricks I see on HN, sadly.