Border-width animations | Boagworld - Web & Digital Advice

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.

Become a web expert with our newsletter

Receive invaluable advice every three weeks and get two free video presentations for subscribing. You can unsubscribe in one 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.

Comments

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