Category: Tips and Tricks

• 12th January, 2017

  Animating CSS text alignment

  This week, a colleague of mine asked whether it was possible to animate the CSS text-align property using CSS transitions. My immediate response was of course “no!”, but despite having said that I had a nagging suspicion it was in fact achievable in some (as yet unknown) way. Given that the animation was fairly critical to … Continued

• 11th December, 2016

  SVG Transitions not working in IE11

  I’ve recently been working a lot with animating SVG graphics. In order to do this I’ve been using CSS3 Animations. By inlining SVGs directly in my HTML document, I simply use CSS to target SVG nodes and apply @keyframe animations as required. This technique has worked well across all my target platforms with one exception – Internet Explorer 11. … Continued