added animation reveal speeds

Author: codesoroush

README.md

@@ -9,7 +9,7 @@ Demo :
 ###### Usage
 1. Add SAPBlazorAnimate To Your Project
 ```
-PM> Install-Package SAPBlazorAnimate -Version 1.2.5
+PM> Install-Package SAPBlazorAnimate -Version 1.2.6
 ```
 2. Include relevant stylesheet either in your _host.cshtml (server-side blazor) or index.html (client-side blazor)
 ```
@@ -47,7 +47,7 @@ SAPAnimate element1;
 
 </SAPAnimate>
 ```
-###### Animate element whenEver you want , with buttn click or AfterRenderAsync 
+###### Animate element whenever you want , with buttn click or AfterRenderAsync 
 
 ```Razor
 void btn1Click()
@@ -58,12 +58,30 @@ element1.Animate(AnimateBook.AttentionSeekers.HeartBeat);
 }
 ```
 
+
+###### Control Start Animation Speed With This Modes : Fast , Faster , Slow , Slower
+```Razor
+void btn1Click()
+{
+
+element1.Animate(AnimateBook.AttentionSeekers.HeartBeat.Faster());
+
+}
+```
+
+
 ###### Direct Use For Elements On after page render (sample)
 
 ```Razor
 <h1 class="@AnimateBook.Flippers.Flip"> Hello World</h1>
 ```
 
+OR with slow speed
+
+```Razor
+<h1 class="@AnimateBook.Flippers.Flip.Slow()"> Hello World</h1>
+```
+
 <hr />
 
 ### License

SAPBlazorAnimate/AnimateBook.cs

@@ -24,5 +24,22 @@ public static class AnimateBook
         public static SAPZoomEntrancesGroup ZoomEntrances = new SAPZoomEntrancesGroup();
         public static SAPZoomExitsGroup ZoomExits = new SAPZoomExitsGroup();
         public static SAPSpecialsGroup Specials = new SAPSpecialsGroup();
+
+        public static string Fast(this string value)
+        {
+            return value + "fast "; 
+        }
+        public static string Faster(this string value)
+        {
+            return value + "faster ";
+        }
+        public static string Slow(this string value)
+        {
+            return value + "slow ";
+        }
+        public static string Slower(this string value)
+        {
+            return value + "slower ";
+        }
     }
 }

SAPBlazorAnimate/SAPBlazorAnimate.csproj

@@ -15,12 +15,11 @@
     <ApplicationIcon>blazorlogo_WuJ_icon.ico</ApplicationIcon>
     <PackageIcon>blazorlogo.png</PackageIcon>
     <PackageIconUrl />
-    <PackageReleaseNotes>powerfull component for animate html tags and blazor components.
-more info at github.</PackageReleaseNotes>
-    <AssemblyVersion>1.2.5.0</AssemblyVersion>
-    <FileVersion>1.2.5.0</FileVersion>
-    <Version>1.2.5</Version>
-    <PackageRequireLicenseAcceptance>true</PackageRequireLicenseAcceptance>
+    <PackageReleaseNotes>added fast , faster , slow , slower animation modes</PackageReleaseNotes>
+    <AssemblyVersion>1.2.6.0</AssemblyVersion>
+    <FileVersion>1.2.6.0</FileVersion>
+    <Version>1.2.6</Version>
+    <PackageRequireLicenseAcceptance>false</PackageRequireLicenseAcceptance>
     <PackageLicenseFile>License.md</PackageLicenseFile>
   </PropertyGroup>
   <ItemGroup>

SAPBlazorAnimate/readme.md

@@ -47,7 +47,18 @@ element1.Animate(AnimateBook.AttentionSeekers.HeartBeat);
 
 ----------------------------------
 
-Direct Use For Elements On afetr page render (sample)
+TIP 1 :  Control Start Animation Speed With This Modes : Fast , Faster , Slow , Slower
+
+void btn1Click()
+{
+
+element1.Animate(AnimateBook.AttentionSeekers.HeartBeat.Faster());
+
+}
+
+----------------------------------
+
+TIP 2 : Direct Use For Elements On fater page render (sample)
 
 <h1 class="@AnimateBook.Flippers.Flip"> Hello World</h1>
 

SAPBlazorAnimate/readme.txt

@@ -34,7 +34,7 @@ SAPAnimate element1;
 </SAPAnimate>
 
 
-6.Animate element whenEver you want , with buttn click or AfterRenderAsync :
+6.Animate element whenever you want , with buttun click or AfterRenderAsync :
 
 
 void btn1Click()
@@ -47,7 +47,18 @@ element1.Animate(AnimateBook.AttentionSeekers.HeartBeat);
 
 ----------------------------------
 
-Direct Use For Elements On afetr page render (sample)
+TIP 1 :  Control Start Animation Speed With This Modes : Fast , Faster , Slow , Slower
+
+void btn1Click()
+{
+
+element1.Animate(AnimateBook.AttentionSeekers.HeartBeat.Faster());
+
+}
+
+----------------------------------
+
+TIP 2 : Direct Use For Elements On fater page render (sample)
 
 <h1 class="@AnimateBook.Flippers.Flip"> Hello World</h1>
 

SAPBlazorAnimateDemo/Pages/Index.razor

@@ -1,6 +1,6 @@
 @page "/"
 
-<h1 class="@AnimateBook.Specials.JackInTheBox">Hello, world!</h1>
+<h1 class="@AnimateBook.Lightspeed.LightSpeedIn.Faster()">Hello, world!</h1>
 
 <div class="row">
     <SAPAnimate @ref="animatedElement1">
@@ -37,6 +37,32 @@
 
 </div>
 
+<div class="row">
+    <div class="col-md-12">
+        <h2>Control Animation Start Speed : Fast/Slow Sample</h2>
+        <p>Modes : Fast , Faster , Slow , Slower</p>
+
+    </div>
+    <SAPAnimate @ref="animatedElement5">
+        <div class="@animatedElement5.Animator" style="width: 200px;
+        height: 200px;
+        background-color: gray;
+        margin: 5px">
+
+            <button style="margin:auto;" @onclick="btn5Click">Slower ZoomIn</button>
+        </div>
+    </SAPAnimate>
+    <SAPAnimate @ref="animatedElement6">
+        <div class="@animatedElement6.Animator" style="width: 200px;
+        height: 200px;
+        background-color: salmon;
+        margin: 5px">
+
+            <button style="margin:auto;" @onclick="btn6Click">Faster ZoomIn</button>
+        </div>
+    </SAPAnimate>
+</div>
+
 
 
 @code
@@ -46,6 +72,8 @@
     SAPAnimate animatedElement2;
     SAPAnimate animatedElement3;
     SAPAnimate animatedElement4;
+    SAPAnimate animatedElement5;
+    SAPAnimate animatedElement6;
 
 
     void btn1Click()
@@ -64,4 +92,12 @@
     {
         animatedElement4.Animate(AnimateBook.ZoomEntrances.ZoomIn);
     }
+       void btn5Click()
+    {
+        animatedElement5.Animate(AnimateBook.ZoomEntrances.ZoomIn.Slower());
+    }
+       void btn6Click()
+    {
+        animatedElement6.Animate(AnimateBook.ZoomEntrances.ZoomIn.Faster());
+    }
 }