CSS3 Animated Glowing Forms

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/

Visit kaylarose.github.com ↗Alternativestop 2% of April 2011

Does the same job

all alternatives →

CA
CSS3 animation2012 · thegoodman.cc · ▲271
CSS Animation Cheat Sheet2014 · ▲232
Awesome CSS3 plugin for spiffy animations
AW
Animated Watch Illustrations with CSS3 and SVG2013 · wrist.im · ▲41
I wanted a little project to practice illustration as well as animation on the web. Plus I'm a big fan of watches.
BJ
Bounce.js – A tool for generating CSS3 animations2014 · bouncejs.com · ▲172
CSS Wand2019 · ▲329
Easy copy-paste beautiful CSS animations
AC
Animate CSS32017 · github.com · ▲16

More life & fun this month

the category →

TL
The load-bearing vocabulary of Claude▲703
Life & fun · 10d ago · louisabraham.github.io
iPhone app takes simultaneous images from 2 lenses, fuses into 1 photo▲329
Photosynthesis fires two of your iPhone
Life & fun · 28d ago · photosynthesis.camera
SoloUno▲310
Take control of hair pulling, nail biting & skin picking
Life & fun · 28d ago · solouno.io
Scroll through all 43252003274489856000 Rubik's Cube states▲295
Scroll through all 43,252,003,274,489,856,000 reachable Rubik's Cube permutations.
Life & fun · 26d ago · everycube.alen.is
Expeditione▲265
The Interactive 3D Encyclopedia
Life & fun · 21d ago · expeditione.fun
Eigendrum - Draw any shape and hear what it sounds like as a drum▲243
Hi HN, I built Eigendrum, a web tool that solves the 2D wave equation for arbitrary shapes so you can hear what they sound like as drums. How it works: * Solves -∇²u = λu using finite element analysis (Kφ = λMφ) on a triangle mesh. * Validated to <0.1% error against closed-form solutions for circles (Bessel zeros) and rectangles. * Sound model factors in strike location, Rayleigh damping, and mallet width. * Includes Kac drums I & II to demonstrate identical sound spectra from different geometries. * No frameworks, build steps, or dependencies. Repo and tests:…
Life & fun · 26d ago · baselashraf81.github.io

Launched alongside, April 2011

the whole month →

MW
my weekend project, Gumroad▲396
Work · 2011 · gumroad.com
LS
Let's end the Programmer Salary Taboo▲278
Life & fun · 2011 · salaryshare.me
MW
My weekend project, tracking the services you can't have in Canada▲212
Work · 2011 · cantada.ca
MA
made a html5 game, polished it many many times▲211
hi all, I've always wanted to make my own game, but couldn't afford a thousand-dollar adobe (flash+photoshop) license. I'm not a talented programmer, have no degree in CS. But I understand some elements of design. So I got me a copy of ImpactJS, and after about 5 months of steep learning curve (at least for me), I managed to come up with a game. I also integrated it with a highscore and badge system, similar to what you get at Kongregate. You need to login with Google/OpenID to earn badges/scores. link is: http://www.hotbazooka.com/privatejoe hope to hear some feedback/questions from you guys!
Life & fun · 2011 · hotbazooka.com
HT
Hacker Typer [joke]▲160
Ever wanted to type as fast as those amazing hackers in the movies? now you can! just write something. Yes, i was really bored. To change writing speed: javascript:writer.speed=10;
Life & fun · 2011 · duiker101.tk
AI
An isometric marble run build in CoffeeScript▲141
Life & fun · 2011 · marbleo.us