Well, in principle, to develop such an animation as in the portfolio, a lot of knowledge is not required. It is enough just to be able to work with @keyframe and use it to change the properties of elements step by step. And you also need to be able to work with properties such as animation, transform and transition. And then you will be able to make the same animations as on the portfolio and even better. I also advise you to study the js libraries anime.js and TweenMax.js, for working with more complex animations like menus, smooth transitions between pages, preloader, and other things. Although you can try to do all this without libraries, but it will be very hard.
Broh how did u learn to create that visual design animation, im only stuck in styling lol im not good at FE dev
Well, in principle, to develop such an animation as in the portfolio, a lot of knowledge is not required. It is enough just to be able to work with
@keyframe
and use it to change the properties of elements step by step. And you also need to be able to work with properties such asanimation
,transform
andtransition
. And then you will be able to make the same animations as on the portfolio and even better. I also advise you to study the js librariesanime.js
andTweenMax.js
, for working with more complex animations like menus, smooth transitions between pages, preloader, and other things. Although you can try to do all this without libraries, but it will be very hard.do you ever used this much animation on actual production website in some company?