1
00:00:06,180 --> 00:00:14,240
One of the most interesting success peculiarities is the opportunity through a property and a roof,

2
00:00:14,460 --> 00:00:23,040
referring to this property to create some animations with some boxes which can be created through HDMI

3
00:00:23,050 --> 00:00:26,720
out thanks to single div tags.

4
00:00:26,970 --> 00:00:37,440
For example, if we inserted into ATV a new totally blank date tag to each associate and name, for

5
00:00:37,440 --> 00:00:41,160
example, anime, which stands for animation.

6
00:00:42,080 --> 00:00:51,170
By saving and getting back into the stylesheet with specifying simple properties and rules in society,

7
00:00:51,560 --> 00:00:59,780
we might create a box able to move according to the commands that we would specify for it straight in

8
00:00:59,780 --> 00:01:04,190
there without the help of any external programming language.

9
00:01:04,190 --> 00:01:06,230
But me such an operation.

10
00:01:07,150 --> 00:01:10,840
First of all, let's retrieve the glass we created.

11
00:01:12,730 --> 00:01:22,720
In which we should first set a position to our moving box, which will obviously be relative because

12
00:01:22,720 --> 00:01:28,150
from that point we have to move it towards other points.

13
00:01:29,180 --> 00:01:36,510
After that, we might specify the background color to associate to it.

14
00:01:36,950 --> 00:01:39,250
Let's choose green once again.

15
00:01:40,970 --> 00:01:49,550
That's inside the dimensions of this box and so with three hundred and height.

16
00:01:51,130 --> 00:01:52,120
A hundred.

17
00:01:53,180 --> 00:02:02,360
And last, let's define our animation, we have to specify a name, we would call it any one.

18
00:02:04,860 --> 00:02:07,980
We will give it a five second duration.

19
00:02:09,080 --> 00:02:12,710
For an infinite cycle.

20
00:02:14,090 --> 00:02:24,410
Once completed the properties of our anime class, it's now insert wiki's a able to make the operations

21
00:02:24,410 --> 00:02:28,010
on this type of animation actually possible.

22
00:02:28,870 --> 00:02:34,180
In fact, we we just need to insert also keyframes.

23
00:02:38,560 --> 00:02:49,750
And associate a beginning and an end with from within, which would give a space reference.

24
00:02:51,770 --> 00:03:00,920
And then we can decide to start from top zero picks, so therefore the base position would be this one.

25
00:03:05,410 --> 00:03:15,630
Getting up to 400 pixels from the top, this role will permit us to trigger our animation.

26
00:03:16,120 --> 00:03:25,570
So now we just have to find the name of our animation that is any one to our keyframe.

27
00:03:26,720 --> 00:03:35,990
After that, we can save, refresh and enjoy our animation, which, as you see, can move an element

28
00:03:35,990 --> 00:03:41,590
inside the browser without the help of any programming language.