From a8a7f47e499ab59eaeb76b70151d0319967529f2 Mon Sep 17 00:00:00 2001
From: The Coding Aviator <34807532+thecodingaviator@users.noreply.github.com>
Date: Wed, 6 Mar 2019 04:13:37 +0530
Subject: [PATCH] Added solution to modify fill mode challenge (#34500)

* Update index.md

* Add full solution
---
 .../modify-fill-mode-of-an-animation/index.md | 26 ++++++++++++++++---
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/guide/english/certifications/responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation/index.md b/guide/english/certifications/responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation/index.md
index ef7e5f076c..0af5606f18 100644
--- a/guide/english/certifications/responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation/index.md
+++ b/guide/english/certifications/responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation/index.md
@@ -3,8 +3,26 @@ title: Modify Fill Mode of an Animation
 ---
 ## Modify Fill Mode of an Animation
 
-This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
+### Solution
 
-<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
-
-<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds  -->
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+    animation-fill-mode: forwards;
+  }
+  @keyframes background-color {
+    100% {
+      background-color: #4791d0;
+    }
+  }
+</style>
+<button>Register</button>
+```