What should i do if i want to make my hsides border to little thick and add gardient animation to it

Question

https://code.sololearn.com/W8kaA3UP16nE/?ref=app

Answer 1

The following code shows one way. You can make this of course much finer.

https://code.sololearn.com/WFBu49ml7uOp/?ref=app

Answer 2

It looks like the frame-attribute is deprecated in current html. I think you can just style the borders with css instead.

You could style them for example with an extra class for it and then but the animation just on this class!

Answer 3

For direction change you can change the sign of angles to negative (-).

Answer 4

Always can be used a full writting property and this belongs in our example to table:

table {
animation-direction: reverse;
}

Answer 5

Thanks sir 👍 but if i want to make the top one border to move left to right and bottom one to right to left

Answer 6

Why you don‘t play with this code and see what will happend.

Answer 7

Or reverse ?

Answer 8

Okay i check but where should i put this in keyframe all tags or some of above codes?