diff --git a/src/plugins/animation.js b/src/plugins/animation.js
index 28732d8aec44..b6c821f18ac5 100644
--- a/src/plugins/animation.js
+++ b/src/plugins/animation.js
@@ -1,7 +1,8 @@
 import _ from 'lodash'
+import nameClass from '../util/nameClass'
 
 export default function() {
-  return function({ addUtilities, e, theme, variants }) {
+  return function({ addUtilities, theme, variants }) {
     const keyframesConfig = theme('keyframes')
     const keyframesStyles = _.fromPairs(
       _.toPairs(keyframesConfig).map(([name, keyframes]) => {
@@ -14,7 +15,7 @@ export default function() {
     const utilities = _.fromPairs(
       _.toPairs(animationConfig).map(([suffix, animation]) => {
         return [
-          `.${e(`animate-${suffix}`)}`,
+          nameClass('animate', suffix),
           {
             animation,
           },