I’m new to Webflow and trying to learn more advanced by looking at how websites on the Webflow Showcase are built. I’m stumped by this one with a hover effect. There don’t seem to be any changes under the hover state for that class or any of the inherited classes/parents. I cloned the project and it looks like it may be built with this custom code:
-webkit-transition: -webkit-transform .25s cubic-bezier(0,.5,.5,1);
transition: -webkit-transform .25s cubic-bezier(0,.5,.5,1);
-o-transition: -o-transform .25s cubic-bezier(0,.5,.5,1);
transition: transform .25s cubic-bezier(0,.5,.5,1);
transition: transform .25s cubic-bezier(0,.5,.5,1),
-webkit-transform .25s cubic-bezier(0,.5,.5,1),
-o-transform .25s cubic-bezier(0,.5,.5,1);
-webkit-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
My questions are:
- How can this code be copied/used in other projects?
- How do I learn how to understand what this code is saying?
Here is my public share link: