Alternatives
Products that do what CSS-powered hover-animations library does
Hello, I've created a CSS-library called sunset.css. If offers a collection of (hopefully) useful CSS-powered hover-animations and also some animations that react to clicks instead. It's my first open-source project so I try to make everything right: * I created a npm-project so it is available on npmjs and CDNs * I created a public github-repository with a wiki for documentation * I created a landing page to show off the animations I'd love to here some feedback about all of this! :) Here are the links: https://github.com/philippwilhelm/sunset.css…
- 1PC
I've tried to make it as light as possible. It's only tested with Firefox and Chrome, however I intend to test it in IE down to 9. What would you change? What would you add? Any feedback or pull request is greatly welcome! MIT Licensed
2014 · picnicss.com
- 2

- 3

- 4M2
http://instacss.com (in case DNS update hasn't propagated: http://morning-warrior-3377.herokuapp.com/) Last night I was annoyed at how slow (and web 1.0-ish) most CSS reference sites seem to be, so I created this. It's basically a scrape of the CSS reference on w3schools, but with client side searching. Feedback is most welcome! some of the tech involved: node, requirejs, backbone, mongodb the code: http://github.com/rgarcia/instacss
2011
- 5

- 6

- 7

- 8

- 9

- 10TA
2015 · shakrmedia.github.io
- 11

- 12TR
2019 · tailwind.run
- 13AW
I wanted a little project to practice illustration as well as animation on the web. Plus I'm a big fan of watches.
2013 · wrist.im
- 14HC
2016 · kushagragour.in
- 15

- 16

- 17

- 18BJ
2014 · bouncejs.com
- 19

- 20CS
2022 · css-speedrun.netlify.app
- 21CA
I remember seeing the Dragon Labs Dragonfish Glowing Form Demo[1] when it first came out, and it always stuck in my head. They implement the effect by using a rather large background image and a mask image and move the background image around via Javascript. I was inspired and wanted to see how close I could get with CSS3. I recommend using a Webkit browser [and you can see an alternate version of the animation on Firefox 4]. [1] http://labs.dragoninteractive.com/panel/demo/
2011 · kaylarose.github.com
- 22

- 23

- 24

Ranked by how close each launch is in meaning, then by votes. Refine with a description →