-
Notifications
You must be signed in to change notification settings - Fork 20
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
"how it works" effect similar to strapi site #40
Comments
@tfsojon are you working on this? |
@devopstoday11 will work from today! |
@devopstoday11 Updated how-it-works section. Check the style. not make possible the exact same interaction. |
@tfsojon, where to check? I don't see any links in your message. |
@tfsojon , I didn't understand what you said. Could you please elaborate? |
How can you make it possible to have exactly the same interaction as Strapi? What needs to be developed for my site to make it happen? |
@devopstoday11 here is the pull request #41 |
@tfsojon please develop the exact effect using javascript. We don't want to depend on external plugins. |
I checked the sample you did, it's not similar to Strapi. I want exactly same as strapi but by using javascript, since in the theme you already used javascript, better to stick with it. |
@tfsojon In Strapi, I do understand that they used animation. But for that simple effect, animation is not required. Using Javascript same effect can be done. No need to overload the site with unnecessary plugins and unnecessary animations. |
@devopstoday11 the strapi animation is not an easy left right position changing. Now, what I did in the previous pull request, do you want to keep it or should I remove the animation. |
@tfsojon please remove the previously added sample. Don't want that. |
@tfsojon |
@tfsojon https://smallstep.com/ I am thinking of having layouts, animations, effects similar to those two sites. |
I couldn't communicate with him. I'll talk to him today. |
Ok, will do. But, it would be better if you make an layout-outline with the sections you wanted. |
ok, I will draw some on a paper and send you. |
@tfsojon, I found this javascript lib for animation effects. Check this library and see if you can use it to build the effects I asked for above that are similar to the Strapi website. https://threejs.org/ - This is the lib. You can find examples on this page. |
@tfsojon did you get a chance to look into the Framer-Motion library for effects? |
Not yet. Just started working from morning. looking into it one by one. |
@devopstoday11 check |
@tfsojon, how did you achieve it? Did you use the Framer Motion library or just HTML & CSS? By the way, the animation looks fine but is not as quiet as the Strapi website animation effect. And, |
Framer Motion can be use with react app. Let me know in which pages content it's need to implement. |
@tfsojon |
@tfsojon
other example for image processing speed (not sure if it is useful, but just sharing) - |
compare to strapi animation with your references, those is nothing like that huge. they are just simple show-hide things. Strapi used a premium animation library GSAP (which is developed by a group of developers) I take a look on strapi and did this things in our site
If you want to go with it, |
We also have our own Image Processing partial. |
Show me a sample with Compage page please @tfsojon |
@tfsojon Also, background block is coming from "hp-primary-desktop.svg" file right? |
@tfsojon , please respond on the size of the image that I asked in above comment. |
in main.scss file line no 1824 compage.mp4 |
@tfsojon , been awhile. Hope you are doing well. |
done |
@tfsojon same issue is on opensource pages and also services page. And a bug is introduced for them now, I am seeing overlapping animation on static images |
@tfsojon When you are fixing the issues on those two, you will notice that I commented opensource and services pages in chandu branch. So, for your testing purpose, you might need to uncomment them. Just FYI. |
@devopstoday11
|
@tfsojon
I want a similar effect on our home page as described in the video. When you finish the work, only do PR to "chandu" branch. Please don't use the main branch.
https://www.loom.com/share/b2e347ac489e48e48dc906391d285b5f
The text was updated successfully, but these errors were encountered: