Web & Digital Advice

Digital and web advice from Headscape and the addled brain of Paul Boag... tell me more

Leigh Howells Posted by: Leigh Howells On Monday, 2nd January, 2012

Border-width animations

Development:
The estimated time to read this article is less than a minute

Rather liked a couple of these border animations, seen on HTML5 Advent. I’ve never considered animating borders before, but they could add interest if applied subtly on the right project.

They only work on Safari 5.1, Chrome and Firefox 8.0. and anything else that supports border-box, but will degrade gracefully. There are a few other nice effects if you have a look around the other days in the advent calendar.

Comments

Boagworld is a community, not just the voice of one blogger. You've read the post, now its time to get involved.

What do you think?

I have covered a lot of ground in this post, but do you agree with me? What have your experiences been? Share your thoughts with other readers.
Share your thoughts below.

Get others involved

Use border width to make some cool animations.
(you can edit before posting.)

Receive weekly email updates from the blog

you can unsubscribe with 1 click.

Blog Updates

You can follow all my posts by subscribing to my RSS feed or signing up to my email newsletter above.

Podcast Updates

Subscribe to the podcast via itunes or RSS. You can also subscribe to my quick tips via itunes and RSS too.

Social Updates

I am completely addicted to Twitter so try following me there. I also have a Facebook page which contains considerably less waffle.