From 7d5bee91326def6fb3e4706b773ef24a3887ca19 Mon Sep 17 00:00:00 2001
From: Paginini <71335531+Paginini@users.noreply.github.com>
Date: Fri, 2 Oct 2020 03:35:47 +0530
Subject: [PATCH] Update style.css

---
 "[03] Personnage anim\303\251/CSS/style.css" | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git "a/[03] Personnage anim\303\251/CSS/style.css" "b/[03] Personnage anim\303\251/CSS/style.css"
index ee42638..b5bfc37 100644
--- "a/[03] Personnage anim\303\251/CSS/style.css"	
+++ "b/[03] Personnage anim\303\251/CSS/style.css"	
@@ -131,3 +131,23 @@ animation-timing-function: linear;
      background-size : 254px auto;
    }
   }
+
+/*Adding Basic Framework Animations  */
+
+@keyframes newAnimation {
+  0%   {background-color:red; left:0px; top:0px;}
+  25%  {background-color:yellow; left:200px; top:0px;}
+  50%  {background-color:blue; left:200px; top:200px;}
+  75%  {background-color:green; left:0px; top:200px;}
+  100% {background-color:red; left:0px; top:0px;}
+}
+
+/* The element to apply the animation to */
+div {
+  width: 100px;
+  height: 100px;
+  position: relative;
+  background-color: red;
+  animation-name: example;
+  animation-duration: 4s;
+}