+ 1

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

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

30th Sep 2022, 11:38 AM
MohdSalmanAnsari
MohdSalmanAnsari - avatar
8 Answers
+ 3
The following code shows one way. You can make this of course much finer. https://code.sololearn.com/WFBu49ml7uOp/?ref=app
30th Sep 2022, 12:52 PM
JaScript
JaScript - avatar
+ 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!
30th Sep 2022, 12:41 PM
Lisa
Lisa - avatar
+ 2
For direction change you can change the sign of angles to negative (-).
30th Sep 2022, 6:16 PM
JaScript
JaScript - avatar
+ 2
Always can be used a full writting property and this belongs in our example to table: table { animation-direction: reverse; }
1st Oct 2022, 4:53 AM
JaScript
JaScript - avatar
+ 1
Thanks sir ๐Ÿ‘ but if i want to make the top one border to move left to right and bottom one to right to left
30th Sep 2022, 4:50 PM
MohdSalmanAnsari
MohdSalmanAnsari - avatar
+ 1
Why you donโ€˜t play with this code and see what will happend.
30th Sep 2022, 7:26 PM
JaScript
JaScript - avatar
0
Or reverse ?
30th Sep 2022, 6:40 PM
MohdSalmanAnsari
MohdSalmanAnsari - avatar
0
Okay i check but where should i put this in keyframe all tags or some of above codes?
30th Sep 2022, 11:01 PM
MohdSalmanAnsari
MohdSalmanAnsari - avatar