Leigh Howells

Border-width animations

Published:
02 January 2012
Categories:
Development
Reading time:
<1 min

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…

Warning! The post you are viewing is out of date and almost certainly no longer accurate. For more topical posts, check out the “related reading” at the bottom of this page or drop me an email with any questions.

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.

  • Free access to 3 books including Click! that teaches you how to encourage clicks without shady tricks.
  • Choose between multiple email courses.
  • Choose between in-house or freelancers and agencies content.
  • Learn from an expert with over 30 years experience.

About me

I’m a UX consultant and conversion optimization specialist with 32 years in digital. I help teams create user experiences that work; winning support, improving results, and making change stick.

Contact me

Email: paul@boagworld.com
UK Based – Clients in North America, Europe, Asia, Australia.

how I help

  • UX Strategy – Spot what’s blocking a great experience and get a clear plan to fix it.
  • Improving Conversion – Simple, evidence-based changes that make every click count.
  • Coaching & Leadership – A sounding board to help you lead with clarity and confidence.
  • Training & Workshops – Hands-on sessions, playbooks, and self-learning so your team keeps improving.