はてなブックマーク

ZEPPELIN is a glass text effect (refractive index) made with CSS3 for Safari/Chrome. Rollover to animate. Select&Type to change text. Read more details or Tweet this!

Hi, I'm the Cursor Monster. My papa has a message for you: "Please, don't use cursor:none, except if you create a cursor eating monster". Tweet

It's a single-song HTML5 Audio Player, powered by jPlayer, styled and mostly animated with CSS3. About the name? Hmmm.. In the stoped/paused state, doesn't it remind you a little of a dark Zen stone lying on bright sand? Hint: Click and keep holding the progress bar circle for some skipping fun. Created by: simurai Credits: I wanna thank a friendly worm named @maboa who let me "steal" some of his

FLASHLIGHT is powered with CSS3 only. YAY! Works in Safari only. Booo! Read more info.

Pictos enabled CSS3 checkboxes There was a request, so I tried. The outcome.. no JavaScript, no images and just minimal markup - but a ton of messy CSS3. And only Safari will render it properly. Chrome looks ok, but just with a fake 3D perspective. iOS has some issues with the icons and Firefox, Opera and IE.. well, I haven't tried yet. Read more details or see a screenshot. PS: If you're curious

Where are the trees is an experiment trying to create a Tilt-Shift effect on Text using CSS3 only. Background source photo by karinga. Looks best in Safari. Read more details.

CSS3 experiments by simurai

Button Search Stars Home Play Share Love Quit Upload RSS There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible. And voila.. here they are, the BonBon Buttons. Named after the French word for "Candy". So, let's take a tour trough the candy store. Markup I get a real kick out of trying to keep the markup minimal, so I'm really